@osimatic/helpers-js 1.0.8 → 1.0.11

package/open_street_map.js

@@ -0,0 +1,132 @@
+/**
+ * https://leafletjs.com/
+ * https://switch2osm.org/the-basics/
+ * https://www.openstreetmap.org/help
+ */
+class OpenStreetMap {
+
+	constructor(mapId, options) {
+		/*let [lat, lng] = button.data('coordinates').split(',');
+		let map = L.map('modal_map_canvas2').setView([lat, lng], 17);
+
+		L.marker([lat, lng], {
+			icon: L.icon({iconUrl: getIconOfMapMarker(button.data('type_marker'))}),
+			title: popoverContent.title
+			//popupopen: setTimeout(displayEmployeesAndCompaniesAndTasks, 250)
+		}).addTo(map)
+			.bindPopup(popoverContent.content)
+			//.openPopup()
+		;*/
+
+		this.markers = [];
+		this.locations = [];
+		this.mapId = mapId;
+
+		if (!$('#'+mapId).length) {
+			return;
+		}
+
+		this.map = L.map(mapId, options || {});
+
+		L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+			attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
+		}).addTo(this.map);
+
+		this.centerOnFrance();
+	}
+
+	static getUrl(latitude, longitude) {
+		return 'https://www.openstreetmap.org/?mlat='+latitude+'&mlon='+longitude+'#map=17/'+latitude+'/'+longitude+'&layers=N';
+		//return 'https://www.openstreetmap.org/#map=17/'+latitude+'/'+longitude+'';
+	}
+
+	static getUrlFromCoordinates(locationCoordinates) {
+		locationCoordinates = locationCoordinates.split(',');
+		return this.getUrl(parseFloat(locationCoordinates[0]), parseFloat(locationCoordinates[1]));
+	}
+
+	setZoom(zoom) {
+		this.map.setZoom(zoom);
+	}
+
+	deleteMarkers() {
+		this.locations = [];
+
+		//this.markers.forEach(marker => marker.setMap(null));
+
+		this.markers.length = 0;
+		this.markers = [];
+	}
+
+	addMarkers(listLocations, icon) {
+		if (listLocations.length === 0) {
+			return;
+		}
+
+		listLocations.forEach(location => this.addMarker(location, icon));
+	}
+
+	addMarker(coordinates, options) {
+		let locationCoordinates = coordinates.split(',');
+		let latitude = parseFloat(locationCoordinates[0]);
+		let longitude = parseFloat(locationCoordinates[1]);
+
+		let marker = L.marker([latitude, longitude], {
+			icon: L.icon({
+				iconUrl: options['icon'],
+				iconSize: [22, 32],
+			}),
+			title: options['title'],
+		});
+
+		//marker.on('click', () => {
+		marker.on('popupopen', () => {
+			console.log('popupopen');
+			if (typeof options['on_click'] == 'function') {
+				options['on_click']();
+			}
+			return false;
+		});
+		marker.addTo(this.map);
+		marker.bindPopup(options['popup_content']);
+
+		this.markers.push(marker);
+		this.locations.push([latitude, longitude]);
+	}
+
+	centerOnFrance() {
+		this.map.setView([46.52863469527167, 2.43896484375], 6);
+	}
+
+	centerOnMarkers() {
+		this.map.invalidateSize(false);
+
+		if (this.locations.length === 0) {
+			return;
+		}
+
+		this.map.fitBounds(new L.LatLngBounds(this.locations));
+	}
+
+	connectMarkers() {
+		if (this.locations.length === 0) {
+			return;
+		}
+
+		let prevLocation = null;
+		let listLineCoordinates = [];
+		this.locations.forEach(location => {
+			if (prevLocation != null) {
+				listLineCoordinates.push([prevLocation, location]);
+			}
+			prevLocation = location;
+		});
+
+		listLineCoordinates.forEach(line => {
+			L.polyline(line, {color: '#728bec'}).addTo(this.map);
+		});
+
+	}
+}
+
+module.exports = { OpenStreetMap };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osimatic/helpers-js",
-  "version": "1.0.8",
+  "version": "1.0.11",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/paging.js

@@ -95,32 +95,34 @@ class Pagination {
 
 		update();
 	}
-
 }
 
-function activateTab(a) {
-	//console.log(a);
-	//a.click();
-	let ulNav = a.closest('.nav');
-	let tabContent = ulNav.parent().find('.tab-content');
-
-	// déselection éventuel des onglets
-	ulNav.find('a.nav-link').each(function(idx, navLink) {
-		$(navLink).removeClass('active');
-		let id = $(navLink).attr('href');
-		if (id.substr(0, 1) === '#') {
-			tabContent.find(id).removeClass('active').removeClass('show');
-		}
-	});
+class Navigation {
+	static activateTab(a) {
+		//console.log(a);
+		//a.click();
+		let ulNav = a.closest('.nav');
+		let tabContent = ulNav.parent().find('.tab-content');
+
+		// déselection éventuel des onglets
+		ulNav.find('a.nav-link').each(function(idx, navLink) {
+			$(navLink).removeClass('active');
+			let id = $(navLink).attr('href');
+			if (id.substr(0, 1) === '#') {
+				tabContent.find(id).removeClass('active').removeClass('show');
+			}
+		});
 
-	// sélection de l'onglet correspondant au navLink passé en paramètre
-	a.addClass('active');
-	tabContent.find(a.attr('href')).addClass('active').addClass('show');
+		// sélection de l'onglet correspondant au navLink passé en paramètre
+		a.addClass('active');
+		tabContent.find(a.attr('href')).addClass('active').addClass('show');
+	}
 }
 
-module.exports = { Pagination, activateTab };
+module.exports = { Pagination, Navigation };
 
 // deprecated
+/*
 function paginationAsList(nbResultatsTotal, nbResultatsParPage, urlPage, nomParamPage) {
 	var currentUrl = urlPage || window.location.href;
 	var afficherLienFirstLastPage = true;
@@ -237,3 +239,4 @@ function paginationAsList(nbResultatsTotal, nbResultatsParPage, urlPage, nomPara
 
 	return strPagination;
 }
+*/

package/string.js

@@ -1,33 +1,18 @@
-function selectionnerContenuNode(node) {
-	if (window.getSelection) {
-		var selection = window.getSelection();
-		var intervalle = document.createRange();
-		intervalle.selectNodeContents(node);
-		selection.removeAllRanges();
-		selection.addRange(intervalle);
-	}
-	else if (document.body.createTextRange) {
-		var intervalle = document.body.createTextRange();
-		intervalle.moveToElementText(node);
-		intervalle.select();
-	}
-	return false;
-}
 
-function copierTexte(texte) {
+String.prototype.copyToClipboard = String.prototype.copyToClipboard || function() {
 	if (window.clipboardData && clipboardData.setData) {
-		window.clipboardData.setData('Text', texte);
+		window.clipboardData.setData('Text', this);
 	}
 	else if (document.body.createTextRange) {
 		var textRange = document.body.createTextRange();
-		textRange.moveToElementText(texte);
+		textRange.moveToElementText(this);
 		textRange.execCommand("Copy");
 	}
 	else {
 		try {
 			// On test si la configuration permet l'accès au presse-papier.
 			netscape.security.PrivilegeManager
-			.enablePrivilege("UniversalXPConnect");
+				.enablePrivilege("UniversalXPConnect");
 		}
 		catch (e) {
 			alert("Impossible d'accéder au presse-papier.");
@@ -35,79 +20,119 @@ function copierTexte(texte) {
 		// Initialisation du composant fournit par Mozilla.
 		var gClipboardHelper = Components.classes["@mozilla.org/widget/clipboardhelper;1"].getService(Components.interfaces.nsIClipboardHelper);
 		// Copie du texte dans le presse papier.
-		gClipboardHelper.copyString(texte);
+		gClipboardHelper.copyString(this);
 	}
 	return false;
 }
 
-function escapeHtml(string) {
-	var entityMap = {
-		"&": "&",
-		"<": "&lt;",
-		">": "&gt;",
-		'"': '&quot;',
-		"'": '&#39;',
-		"/": '&#x2F;'
-	};
-	return String(string).replace(/[&<>"'\/]/g, (s) => entityMap[s]);
+String.prototype.reverseString = String.prototype.reverseString || function() {
+	return this.split('').reverse().join('');
 }
 
-function truncateString(str, length, from, ellipsis, split) {
-	var str1, str2, len1, len2;
-	if (str.length <= length) {
-		return str.toString();
+String.prototype.truncateOnWord = String.prototype.truncateOnWord || function(limit, fromLeft) {
+	if (fromLeft) {
+		return this.reverseString(this.truncateOnWord(this.reverseString(), limit));
+	}
+	var TRIM_CHARS = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u2028\u2029\u3000\uFEFF';
+	var words = this.split(RegExp('(?=['+TRIM_CHARS+'])'));
+	var count = 0;
+
+	function filter(arr, fn) {
+		var result = [];
+		for (var i = 0, len = arr.length; i < len; i++) {
+			var el = arr[i];
+			if (i in arr && fn(el, i)) {
+				result.push(el);
+			}
+		}
+		return result;
+	}
+
+	return filter(words, function(word) {
+		count += word.length;
+		return count <= limit;
+	}).join('');
+}
+
+String.prototype.truncateString = String.prototype.truncateString || function(length, from, ellipsis, split) {
+	let str1, str2, len1, len2;
+	if (this.length <= length) {
+		return this.toString();
 	}
 	ellipsis = typeof ellipsis === 'undefined' ? '…' : ellipsis;
 	switch(from) {
 		case 'left':
-			str2 = split ? truncateOnWord(str, length, true) : str.slice(str.length - length);
+			str2 = split ? this.truncateOnWord(length, true) : this.slice(this.length - length);
 			return ellipsis + str2;
 		case 'middle':
-			len1 = ceil(length / 2);
-			len2 = floor(length / 2);
-			str1 = split ? truncateOnWord(str, len1) : str.slice(0, len1);
-			str2 = split ? truncateOnWord(str, len2, true) : str.slice(str.length - len2);
+			len1 = Math.ceil(length / 2);
+			len2 = Math.floor(length / 2);
+			str1 = split ? this.truncateOnWord(len1) : this.slice(0, len1);
+			str2 = split ? this.truncateOnWord(len2, true) : this.slice(this.length - len2);
 			return str1 + ellipsis + str2;
 		default:
-			str1 = split ? truncateOnWord(str, length) : str.slice(0, length);
+			str1 = split ? this.truncateOnWord(length) : this.slice(0, length);
 			return str1 + ellipsis;
 	}
-}
-function truncateOnWord(str, length, from, ellipsis) {
-	return truncateString(str, length, from, ellipsis, true);
-}
+};
 
 String.prototype.htmlentities = String.prototype.htmlentities || function() {
 	return this.replace(/[\u00A0-\u9999<>\&]/gim, (i) => '&#'+i.charCodeAt(0)+';');
 };
 
 String.prototype.escapeHtml = String.prototype.escapeHtml || function() {
-	return escapeHtml(this);
+	let entityMap = {
+		"&": "&amp;",
+		"<": "&lt;",
+		">": "&gt;",
+		'"': '&quot;',
+		"'": '&#39;',
+		"/": '&#x2F;'
+	};
+	return this.replace(/[&<>"'\/]/g, (s) => entityMap[s]);
 };
 
 String.prototype.normalizeBreaks = String.prototype.normalizeBreaks || function(breaktype) {
-	return this.replace('/(\r\n|\r|\n)/ms', breaktype);
+	// 20/01/2022 : modifié car ne fonctionnait pas pour les string en provenance de textarea, enregistrée en bd puis réaffiché depuis bd
+	//return this.replace(/$/mg, breaktype).replace(new RegExp('/'+breaktype.escapeRegExp()+'$/'), '');
+	return this.replace(/(?:\r\n|\r|\n)/g, breaktype);
+	//return this.replace('/(\r\n|\r|\n)/ms', breaktype);
 	//return this.replace('/(?:\r\n|\r|\n)/g', breaktype);
 	//console.log(breaktype);
 	//return this.replace(new RegExp('\r?\n','g'), breaktype);
 };
-
+String.prototype.escapeRegExp = String.prototype.escapeRegExp || function() {
+	return this.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+};
 String.prototype.format = String.prototype.format || function() {
 	var args = arguments;
 	return this.replace(/{(\d+)}/g, (match, number) => (typeof args[number] != 'undefined' ? args[number] : match));
 };
 
-String.prototype.ucwords = function() {
+String.prototype.ucwords = String.prototype.ucwords || function() {
 	return this.toLowerCase().replace(/(^([a-zA-Z\p{M}]))|([ -][a-zA-Z\p{M}])/g, ($1) => $1.toUpperCase());
 };
-String.prototype.capitalize = function() {
+String.prototype.capitalize = String.prototype.capitalize || function() {
 	return this.charAt(0).toUpperCase() + this.slice(1);
 }
 
-String.prototype.encodeForHtmlDataAttribute = function() {
+String.prototype.encodeForHtmlDataAttribute = String.prototype.encodeForHtmlDataAttribute || function() {
 	return this.replace(/\"/g, "'");
 }
 
+String.prototype.isNumeric = String.prototype.isNumeric || function() {
+	let ValidChars = "0123456789.";
+	let IsNumber = true;
+	let Char;
+	for (let i = 0; i < this.length && IsNumber === true; i++){
+		Char = this.charAt(i);
+		if (ValidChars.indexOf(Char) === -1) {
+			IsNumber = false;
+		}
+	}
+	return IsNumber;
+}
+
 // s'utilise : "ma chaine {0} de caracteres"
 if (!String.format) {
 	String.format = function(format) {
@@ -116,4 +141,20 @@ if (!String.format) {
 	};
 }
 
-module.exports = { selectionnerContenuNode, copierTexte, truncateString };
+/*
+function selectionnerContenuNode(node) {
+	if (window.getSelection) {
+		var selection = window.getSelection();
+		var intervalle = document.createRange();
+		intervalle.selectNodeContents(node);
+		selection.removeAllRanges();
+		selection.addRange(intervalle);
+	}
+	else if (document.body.createTextRange) {
+		var intervalle = document.body.createTextRange();
+		intervalle.moveToElementText(node);
+		intervalle.select();
+	}
+	return false;
+}
+*/

package/util.js

@@ -1,11 +1,3 @@
-function addBookmark(anchor) {
-	if (navigator.appName != 'Microsoft Internet Explorer') {
-		window.sidebar.addPanel(anchor.get('title'), anchor.get('href'),"");
-	}
-	else {
-		window.external.AddFavorite(anchor.get('href'), anchor.get('title'));
-	}
-}
 
 function sleep(milliseconds) {
 	var start = new Date().getTime();
@@ -22,4 +14,4 @@ function refresh() {
 	window.location.reload(true);
 }
 
-module.exports = { addBookmark, sleep, refresh };
+module.exports = { sleep, refresh };

package/todos/google_recaptcha.js

@@ -1,15 +0,0 @@
-
-var grecaptchaWidgets = [];
-
-function grecaptchaOnload () {
-	if (typeof grecaptcha == 'undefined') {
-		console.log('var grecaptcha undefined');
-		return;
-	}
-	document.querySelectorAll('.grecaptcha').forEach(element => {
-		grecaptchaWidgets[element.id] = grecaptcha.render(element.id, googleReCaptchaDatas);
-	});
-	//$('.grecaptcha').each(function(idx, el) {
-	//	grecaptchaWidgets[$(el).attr('id')] = grecaptcha.render($(el).attr('id'), googleReCaptchaDatas);
-	//});
-}