@osimatic/helpers-js 1.1.18 → 1.1.20

package/index.js

@@ -21,6 +21,7 @@ const { HexColor, RgbColor } = require('./draw');
 const { SocialNetwork } = require('./social_network');
 const { sleep, refresh } = require('./util');
 const { chr, ord, trim, empty } = require('./php.min');
+const { NumberFormatter } = require('./number');
 
 // exports plugins "maison"
 const { Browser, UserAgent } = require('./visitor');
@@ -48,7 +49,7 @@ const { WebSocket } = require('./web_socket');
 
 module.exports = {
 	Array, Object, Number, String,
-	HTTPClient, HTTPRequest, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, VideoMedia, UserMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork,
+	HTTPClient, HTTPRequest, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, VideoMedia, UserMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork, NumberFormatter
 	Browser, DataTable, Pagination, Navigation, DetailsSubArray, SelectAll, MultipleActionInTable, MultipleActionInDivList, EditValue, FormDate, InputPeriod, ShoppingCart, FlashMessage, CountDown, ImportFromCsv, JwtToken, JwtSession, ApiTokenSession, ListBox, WebRTC, WebSocket, EventBus,
 	sleep, refresh, chr, ord, trim, empty,
 	GoogleCharts, GoogleRecaptcha, GoogleMap, OpenStreetMap

package/number.js

@@ -1,3 +1,31 @@
+class NumberFormatter {
+	static getDecimalFormatter(locale, digits = 2) {
+		this.decimalFormatter = this.decimalFormatter || {};
+		if (typeof this.decimalFormatter[locale+digits] == 'undefined') {
+			this.decimalFormatter[locale+digits] = new Intl.NumberFormat(locale, { minimumFractionDigits: digits, maximumFractionDigits: digits });
+		}
+	
+		return this.decimalFormatter[locale+digits];
+	}
+
+	static getCurrencyFormatter(locale, currency, digits = 2) {
+		this.currencyFormatter = this.currencyFormatter || {};
+		if (typeof this.currencyFormatter[locale+currency+digits] == 'undefined') {
+			this.currencyFormatter[locale+currency+digits] = new Intl.NumberFormat(locale, { minimumFractionDigits: digits, maximumFractionDigits: digits, style: 'currency', currency });
+		}
+	
+		return this.currencyFormatter[locale+currency+digits];
+	}
+
+	static getPercentFormatter(locale, digits = 2) {
+		this.percentFormatter = this.percentFormatter || {};
+		if (typeof this.percentFormatter[locale+digits] == 'undefined') {
+			this.percentFormatter[locale+digits] = new Intl.NumberFormat(locale, { minimumFractionDigits: digits, maximumFractionDigits: digits, style: 'percent' });
+		}
+	
+		return this.percentFormatter[locale+digits];
+	}
+}
 
 Number.prototype.format = Number.prototype.format || function(nbDecimal, locale) {
 	return Number.format(this, nbDecimal, locale);
@@ -5,14 +33,26 @@ Number.prototype.format = Number.prototype.format || function(nbDecimal, locale)
 
 if (!Number.format) {
 	Number.format = function(number, nbDecimal, locale) {
-		nbDecimal = (typeof nbDecimal != 'undefined'?nbDecimal:2);
-		return new Intl.NumberFormat(locale, {
-			minimumFractionDigits: nbDecimal,
-			maximumFractionDigits: nbDecimal
-		}).format(number);
+		return NumberFormatter.getDecimalFormatter(locale, (typeof nbDecimal != 'undefined' ? nbDecimal : 2)).format(number);
 	};
 }
 
+Number.prototype.formatCurrency = Number.prototype.formatCurrency || function(currency, nbDecimal, locale) {
+	return Number.formatCurrency(this, currency, nbDecimal, locale);
+}
+
+Number.formatCurrency = Number.formatCurrency || function(number, currency, nbDecimal, locale) {
+	return NumberFormatter.getCurrencyFormatter(locale, currency, (typeof nbDecimal != 'undefined' ? nbDecimal : 2)).format(number);
+}
+
+Number.prototype.formatPercent = Number.prototype.formatPercent || function(nbDecimal, locale) {
+	return Number.formatPercent(this, nbDecimal, locale);
+}
+
+Number.formatPercent = Number.formatPercent || function(number, nbDecimal, locale) {
+	return NumberFormatter.getPercentFormatter(locale, (typeof nbDecimal != 'undefined'?nbDecimal:2)).format(number);
+}
+
 /**
  * Number.prototype.format(n, x, s, c)
  *
@@ -27,31 +67,6 @@ Number.prototype.formatForDisplay = Number.prototype.formatForDisplay || functio
 	return (c ? num.replace('.', c) : num).replace(new RegExp(re, 'g'), '$&' + (s || ','));
 };
 
-Number.prototype.formatCurrency = Number.prototype.formatCurrency || function(currency, nbDecimal, locale) {
-	return Number.formatCurrency(this, currency, nbDecimal, locale);
-}
-Number.formatCurrency = Number.formatCurrency || function(number, currency, nbDecimal, locale) {
-	nbDecimal = (typeof nbDecimal != 'undefined'?nbDecimal:2);
-	return new Intl.NumberFormat(locale, {
-		style: 'currency',
-		currency: currency,
-		minimumFractionDigits: nbDecimal,
-		maximumFractionDigits: nbDecimal
-	}).format(number);
-}
-
-Number.prototype.formatPercent = Number.prototype.formatPercent || function(nbDecimal, locale) {
-	return Number.formatPercent(this, nbDecimal, locale);
-}
-Number.formatPercent = Number.formatPercent || function(number, nbDecimal, locale) {
-	nbDecimal = (typeof nbDecimal != 'undefined'?nbDecimal:2);
-	return new Intl.NumberFormat(locale, {
-		style: 'percent',
-		minimumFractionDigits: nbDecimal,
-		maximumFractionDigits: nbDecimal
-	}).format(number);
-}
-
 Number.prototype.padLeft2 = Number.prototype.padLeft2 || function() {
 	return Number.padLeft2(this);
 }
@@ -73,3 +88,5 @@ if (!Number.random) {
 		return Math.floor(Math.random() * (max - min + 1)) + min;
 	};
 }
+
+module.exports = { NumberFormatter };

package/package.json

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

package/package.json.bak

@@ -0,0 +1,15 @@
+{
+  "name": "@osimatic/helpers-js",
+  "version": "1.1.7",
+  "main": "main.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "ilib": "^14.16.0"
+  }
+}

package/paging.js.bak

@@ -0,0 +1,258 @@
+// Fonction commune de pagination
+//Bootstrap class pagination https://getbootstrap.com/docs/3.3/components/#pagination
+
+class Pagination {
+	static paginateCards(div, nbItemsPerPage, doublePagination) {
+		Pagination.paginate(div, div.find('.pagination_item'), nbItemsPerPage, undefined, doublePagination);
+	}
+
+	static paginateTable(table, select, doublePagination) {
+		Pagination.paginate(table, table.find('tbody tr:not(.hide)'), parseInt(table.data('max_rows')), select, doublePagination);
+	}
+
+	static paginate(div, items, nbItemsPerPage, select, doublePagination) {
+		let maxItems = nbItemsPerPage;
+
+		if (typeof div == 'undefined' || !div.length) {
+			return;
+		}
+
+		if (typeof select != 'undefined' && select.length) {
+			if (!select.children().length) {
+				select.append('<option value="0">'+labelDisplayAll+'</option>');
+				let nbRowsList = select.data('nb_rows_list') ? select.data('nb_rows_list').split(',') : [5, 10, 25, 50];
+				$.each(nbRowsList, function(idx, nbRows) {
+					select.append('<option value="'+nbRows+'">'+nbRows+'</option>');
+				});
+
+				if (select.data('default_nb_rows')) {
+					select.val(select.data('default_nb_rows'))
+				}
+			}
+
+			maxItems = parseInt(select.val());
+
+			select.change(update);
+		}
+
+		if (doublePagination) {
+			Pagination.initPaginationDiv(div, $('ul.pagination'), true, true); //top
+			Pagination.initPaginationDiv(div, $('ul.pagination'), false, true); //bottom
+		} else {
+			Pagination.initPaginationDiv(div, $('ul.pagination'), false, false); //bottom
+		}
+
+		Pagination.initPaginationItems(items, maxItems, doublePagination);
+	}
+
+	static initPaginationDiv(div, ulDiv, onTop, doublePagination) {
+		if (!ulDiv.length || doublePagination) {
+			ulDiv = $('<ul class="pagination"></ul>');
+			if (div.find('.pagination_links').length) {
+				(onTop ? div.find('.pagination_links').prepend(ulDiv) : div.find('.pagination_links').append(ulDiv))
+			} else {
+				(onTop ? div.before(ulDiv) : div.after(ulDiv));
+			}
+		}
+	}
+
+	static initPaginationItems(items, maxItems, doublePagination) {
+		const paginationUl = $('ul.pagination');
+
+		let totalItems = items.length;
+
+		let lineNum = 0;
+		items.each(function () {
+			lineNum++;
+			if (0 === maxItems || lineNum <= maxItems) {
+				$(this).show();
+			}
+			else {
+				$(this).hide();
+			}
+		});
+
+		paginationUl.each((index, ul) => $(ul).find('li').remove());
+
+		if (0 === maxItems || totalItems < maxItems) {
+			paginationUl.each((index, ul) => $(ul).addClass('hide'));
+			return;
+		}
+
+		let nbPages = Math.ceil(totalItems/maxItems);
+		for (let i=1; i <= nbPages; i++) {
+			paginationUl.each((index, ul) => $(ul).append('<li class="page-item" data-page="'+i+'"><a href="#" class="page-link">'+i+'<span class="sr-only">(current)</span></a></li>').show());
+		}
+
+		paginationUl.each((index, ul) => $(ul).removeClass('hide'));
+		paginationUl.each((index, ul) => $(ul).find('li:first-child').addClass('active'));
+		paginationUl.each((index, ul) => $(ul).find('li').click(function () {
+			paginationUl.each((index, ul) => $(ul).find('li').removeClass('active'));
+
+			let pageNum = $(this).data('page');
+			let trIndex = 0;
+
+			if (doublePagination) {
+				$('li[data-page="' + pageNum + '"]').each((index, li) => $(li).addClass('active'));
+			} else {
+				$(this).addClass('active');
+			}
+
+			items.each(function () {
+				trIndex++;
+				if (trIndex > (maxItems*pageNum) || trIndex <= ((maxItems*pageNum)-maxItems)) {
+					$(this).hide();
+				}
+				else{
+					$(this).show();
+				}
+			});
+
+			return false;
+		}));
+	}
+}
+
+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');
+	}
+}
+
+module.exports = { Pagination, Navigation };
+
+// deprecated
+/*
+function paginationAsList(nbResultatsTotal, nbResultatsParPage, urlPage, nomParamPage) {
+	var currentUrl = urlPage || window.location.href;
+	var afficherLienFirstLastPage = true;
+	var afficherLienPagePrecedenteSuivante = true;
+	var emptyStringIfOnlyOnePage = true;
+	var nbLiensPageDebutFin = 3;
+	var nbLiensPageAvantApresPageCourante = 2;
+	var strEntreLiensPageDebutFinEtAvantApresPageCourante = '…';
+	nomParamPage = nomParamPage || 'page';
+
+	// Si le nombre de résultat total est inférieur au nombre d'affichage par page, il n'y a qu'une seule page.
+	if (nbResultatsTotal < nbResultatsParPage && emptyStringIfOnlyOnePage) {
+		return '';
+	}
+
+	// Initialisation du nombre de pages
+	var nbPages = Math.ceil(nbResultatsTotal/nbResultatsParPage);
+
+	// Initialisation du numéro de la page courante
+	//var query = window.location.search.substring(1).query.split("&");
+	
+	var url = new URL(currentUrl);
+	var params = url.searchParams;
+
+	var numPageCourante = 1;
+	if (typeof params.get(nomParamPage) != 'undefined' && params.get(nomParamPage) != null) {
+		numPageCourante = parseInt(params.get(nomParamPage));
+	}
+	if (numPageCourante < 0) {
+		numPageCourante = 1;
+	}
+	if (numPageCourante > nbPages) {
+		numPageCourante = nbPages;
+	}
+
+	var strPagination = '<ul class="pagination">';
+
+	// Lien pour la première page
+	if (afficherLienFirstLastPage) {
+		var strLienFirstPage = '&lt;&lt;';
+		if (numPageCourante > 1) {
+			strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, 1, currentUrl)+'">'+strLienFirstPage+'</a></li>';
+		}
+		else {
+			strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strLienFirstPage+'</a></li>';
+		}
+	}
+
+	// Lien pour la page précédente
+	if (afficherLienPagePrecedenteSuivante) {
+		var strLienPagePrecedente = '&lt;';
+		if (numPageCourante > 1) {
+			strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, (numPageCourante - 1), currentUrl)+'">'+strLienPagePrecedente+'</a></li>';
+		}
+		else {
+			strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strLienPagePrecedente+'</a></li>';
+		}
+	}
+
+	var strEntreLiensPageDebutEtAvantPageCouranteDejaAffiche = false;
+	var strEntreLiensPageFinEtApresPageCouranteDejaAffiche = false;
+
+	for (var numPage=1; numPage<=nbPages; numPage++) {
+		if (numPage < numPageCourante) {
+			if (numPage <= nbLiensPageDebutFin || numPage >= (numPageCourante-nbLiensPageAvantApresPageCourante)) {
+				strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, numPage, currentUrl)+'">'+numPage+'</a></li>';
+			}
+			else {
+				if (!strEntreLiensPageDebutEtAvantPageCouranteDejaAffiche) {
+					strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strEntreLiensPageDebutFinEtAvantApresPageCourante+'</a></li>';
+					strEntreLiensPageDebutEtAvantPageCouranteDejaAffiche = true;
+				}
+			}
+		}
+		else if (numPage > numPageCourante) {
+			if (numPage >= (nbPages-(nbLiensPageDebutFin-1)) || numPage <= (numPageCourante+nbLiensPageAvantApresPageCourante)) {
+				strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, numPage, currentUrl)+'">'+numPage+'</a></li>';
+			}
+			else {
+				if (!strEntreLiensPageFinEtApresPageCouranteDejaAffiche) {
+					strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strEntreLiensPageDebutFinEtAvantApresPageCourante+'</a></li>';
+					strEntreLiensPageFinEtApresPageCouranteDejaAffiche = true;
+				}
+			}
+		}
+		else {
+			strPagination += '<li class="page-item active"><a class="page-link" href="#">'+numPage+'</a></li>';
+		}
+	}
+
+	// Lien pour la page suivante
+	if (afficherLienPagePrecedenteSuivante) {
+		var strLienPageSuivante = '&gt;';
+		if (numPageCourante < nbPages) {
+			strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, (numPageCourante + 1), currentUrl)+'">'+strLienPageSuivante+'</a></li>';
+		}
+		else {
+			strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strLienPageSuivante+'</a></li>';
+		}
+	}
+
+	// Lien pour la dernière page
+	if (afficherLienFirstLastPage) {
+		var strLienLastPage = '&gt;&gt;';
+		if (numPageCourante < nbPages) {
+			strPagination += '<li class="page-item"><a class="page-link" href="'+UrlAndQueryString.setParamOfUrl(nomParamPage, nbPages, currentUrl)+'">'+strLienLastPage+'</a></li>';
+		}
+		else {
+			strPagination += '<li class="page-item disabled"><a class="page-link" href="#">'+strLienLastPage+'</a></li>';
+		}
+	}
+
+	strPagination += '</ul>';
+
+	return strPagination;
+}
+*/

package/select_all.js

@@ -95,9 +95,7 @@ class SelectAll {
 		div.find('div.checkbox, div.form-check').find('input[type="checkbox"]').change(function() {
 			SelectAll.updateDiv($(this).closest('div.checkbox_with_check_all'));
 		});
-		div.find('div.checkbox_with_check_all').each(function(idx, divWithCheckAll) {
-			SelectAll.updateDiv($(divWithCheckAll));
-		});
+		SelectAll.updateDiv(div);
 	}
 
 	static updateDiv(div) {