@osimatic/helpers-js 1.3.0 → 1.3.2

package/CHANGELOG

@@ -73,4 +73,6 @@ Toutes les fonctions des classes SqlTime, SqlDate et SqlDateTime prennent mainte
 1.1.66
 Duration.convertToDurationAsCentieme() -> Duration.convertToDurationAsHundredthOfAnHour()
 
+1.3.0
+HTTPRequest -> HTTPClient
 

package/index.js

@@ -8,7 +8,7 @@ require('./number');
 
 // exports d'ojets non natif
 const { HTTPClient } = require('./http_client');
-const { HTTPRequest, Cookie, UrlAndQueryString } = require('./network');
+const { Cookie, UrlAndQueryString } = require('./network');
 const { IBAN, BankCard } = require('./bank');
 const { AudioMedia, VideoMedia, UserMedia } = require('./media');
 const { PersonName, Email, TelephoneNumber } = require('./contact_details');
@@ -22,6 +22,7 @@ const { SocialNetwork } = require('./social_network');
 const { sleep, refresh } = require('./util');
 const { chr, ord, trim, empty } = require('./php.min');
 const { NumberFormatter } = require('./number');
+const { Password } = require('./user');
 
 // exports plugins "maison"
 const { Browser, UserAgent } = require('./visitor');
@@ -50,7 +51,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, DatePeriod, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork, NumberFormatter,
+	HTTPClient, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, VideoMedia, UserMedia, PersonName, Email, TelephoneNumber, DateTime, DatePeriod, TimestampUnix, SqlDate, SqlTime, SqlDateTime, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, GeographicCoordinates, HexColor, RgbColor, SocialNetwork, NumberFormatter, Password,
 	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,
 	Chartjs, GoogleCharts, GoogleRecaptcha, GoogleMap, OpenStreetMap

package/network.js

@@ -221,7 +221,7 @@ class UrlAndQueryString {
 			if (typeof (object) == 'object') {
 				for (var name in object) {
 					value = object[name];
-					// 06/06/2022 : ajout de ce if pour éviter bug sur fonction HTTPRequest.formatQueryString
+					// 06/06/2022 : ajout de ce if pour éviter bug sur fonction HTTPClient.formatQueryString
 					if (typeof (value) == 'undefined') {
 						continue;
 					}
@@ -231,7 +231,7 @@ class UrlAndQueryString {
 					if (typeof (value) == 'object') {
 						buildStringFromParam(value, p + name);
 					}
-					// 06/06/2022 : ajout null !== value pour éviter bug sur fonction HTTPRequest.formatQueryString
+					// 06/06/2022 : ajout null !== value pour éviter bug sur fonction HTTPClient.formatQueryString
 					else if (null !== value && typeof (value) != 'function' && name != '') {
 						// 27/01/2020 : correction bug boolean affiché en string true/false
 						if (typeof (value) == 'boolean') {
@@ -309,448 +309,4 @@ class UrlAndQueryString {
 
 }
 
-/** @deprecated */
-class HTTPRequest {
-	static init() {
-		require('whatwg-fetch'); //fetch polyfill loaded in window.fetch
-	}
-
-	static setRefreshTokenUrl(url) {
-		this.refreshTokenUrl = url;
-	}
-
-	static setRefreshTokenCallback(callback) {
-		this.refreshTokenCallback = callback;
-	}
-
-	static getHeaders(asObject) {
-		if (typeof this.headers == 'undefined') {
-			this.headers = {};
-		}
-
-		if (typeof asObject != 'undefined' && asObject) {
-			return this.headers;
-		}
-
-		let httpHeaders = new Headers();
-		Object.entries(this.headers).forEach(([key, value]) => {
-			httpHeaders.append(key, value);
-		});
-
-		return httpHeaders;
-	}
-
-	static getHeader(key) {
-		if (typeof this.headers == 'undefined') {
-			this.headers = {};
-		}
-
-		return this.headers[key];
-	}
-
-	static setHeader(key, value) {
-		if (typeof this.headers == 'undefined') {
-			this.headers = {};
-		}
-
-		this.headers[key] = value;
-	}
-
-	static setAuthorizationHeader(accessToken) {
-		if (typeof this.headers == 'undefined') {
-			this.headers = {};
-		}
-
-		this.headers['Authorization'] = 'Bearer ' + accessToken;
-	}
-
-	static convertObjectToFormData(obj) {
-		// 30/05/2022 : ancienne version, qui ne fonctionne pas avec des tableaux
-		// let formData = new FormData();
-		// Object.entries(data).forEach(([key, value]) => formData.append(key, value));
-		// return formData;
-
-		var formData = new FormData();
-
-		function appendFormData(data, root) {
-			//console.log('appendFormData', data, root);
-			root = root || '';
-			if (data instanceof File) {
-				formData.append(root, data);
-			} else if (Array.isArray(data)) {
-				for (var i = 0; i < data.length; i++) {
-					appendFormData(data[i], root + '[' + i + ']');
-				}
-			} else if (typeof data === 'object' && data) {
-				for (var key in data) {
-					if (data.hasOwnProperty(key)) {
-						if (root === '') {
-							appendFormData(data[key], key);
-						} else {
-							appendFormData(data[key], root + '.' + key);
-						}
-					}
-				}
-			} else {
-				if (data !== null && typeof data !== 'undefined') {
-					formData.append(root, data);
-				}
-			}
-		}
-
-		appendFormData(obj);
-
-		return formData;
-	}
-
-	static formatQueryString(data) {
-		if (data == null) {
-			return '';
-		}
-		if (typeof data == 'object') {
-			data = UrlAndQueryString.buildQuery(data);
-		}
-		if (data !== '' && data.substring(0, 1) !== '&') {
-			data = '&' + data;
-		}
-		return data;
-	}
-
-	static formatFormData(data) {
-		if (!(data instanceof FormData)) {
-			return HTTPRequest.convertObjectToFormData(data);
-		}
-		return data;
-	}
-
-	static logRequestFailure(response, json) {
-		console.error('Request failure. Status: ' + response.statusText + ' ; HTTP Code : ' + response.status, json);
-	}
-
-	static logJqueryRequestFailure(jqxhr, status, errorThrown) {
-		console.error('Request failure. Status: ' + status + ' ; HTTP Code: ' + jqxhr.status + (null != errorThrown && '' !== errorThrown ? ' ; Error message: ' + errorThrown : ''), jqxhr.responseJSON);
-	}
-
-	static isExpiredToken(response, json) {
-		if (response.status !== 401) {
-			return false;
-		}
-
-		return (
-			response.statusText === 'Expired JWT Token'
-			|| (typeof json['message'] != 'undefined' && json['message'] === 'Expired JWT Token')
-			|| (typeof json['error'] != 'undefined' && json['error'] === 'expired_token')
-			|| (typeof json['error'] != 'undefined' && json['error'] === 'authentification_failure')
-			|| (json === 'expired_token')
-			|| (json === 'authentification_failure')
-		);
-	}
-
-	static async get(url, data, successCallback, errorCallback) {
-		url += (!url.includes('?') ? '?' : '') + this.formatQueryString(data);
-		data = null;
-
-		if (window.fetch) {
-			const response = await fetch(url, {
-				method: 'GET',
-				headers: HTTPRequest.getHeaders(),
-				mode: 'cors',
-				cache: 'no-cache'
-			});
-
-			let jsonData = {};
-			try {
-				jsonData = await response.json();
-
-				if (HTTPRequest.isExpiredToken(response, jsonData)) {
-					HTTPRequest.refreshToken(() => HTTPRequest.get(url, data, successCallback, errorCallback), errorCallback);
-					return;
-				}
-
-				if (response.ok) {
-					successCallback(jsonData, response);
-					return;
-				}
-			} catch (e) {
-				console.error(e);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response);
-				}
-				return;
-			}
-
-			HTTPRequest.logRequestFailure(response, jsonData);
-			if (typeof errorCallback != 'undefined' && errorCallback != null) {
-				errorCallback(response, jsonData);
-			}
-			return;
-		}
-
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
-		$.ajax({
-			type: 'GET',
-			url: url,
-			headers: HTTPRequest.getHeaders(true),
-			dataType: 'json',
-			cache: false,
-			success: (data, status, jqxhr) => {
-				if (typeof successCallback != 'undefined' && successCallback != null) {
-					successCallback(data, jqxhr);
-				}
-			},
-			error: (jqxhr, status, errorThrown) => {
-				if (HTTPRequest.isExpiredToken(jqxhr, jqxhr.responseJSON)) {
-					HTTPRequest.refreshToken(() => HTTPRequest.get(url, data, successCallback, errorCallback), errorCallback);
-					return;
-				}
-
-				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr, jqxhr.responseJSON);
-				}
-			}
-		});
-	}
-
-	static async download(url, data, errorCallback, completeCallback, method) {
-		method = typeof method == 'undefined' || null == method ? 'GET' : method;
-
-		if ('POST' !== method) {
-			url += (!url.includes('?') ? '?' : '') + this.formatQueryString(data);
-			data = null;
-		}
-
-		if (window.fetch) {
-			let requestInit = {
-				method: 'GET',
-				headers: HTTPRequest.getHeaders(),
-				mode: 'cors',
-				cache: 'no-cache'
-			}
-
-			if ('POST' === method) {
-				requestInit['method'] = 'POST';
-				requestInit['body'] = this.formatFormData(data);
-			}
-
-			const response = await fetch(url, requestInit);
-			try {
-				if (response.status === 401 && response.statusText === 'Expired JWT Token') {
-					HTTPRequest.refreshToken(() => HTTPRequest.download(url, data, errorCallback, completeCallback, method), errorCallback);
-					return;
-				}
-
-				if (response.ok) {
-					const blobData = await response.blob();
-					File.download(blobData, response.headers.get('content-type'), response.headers.get('content-disposition'));
-				} else {
-					HTTPRequest.logRequestFailure(response, null);
-					if (typeof errorCallback != 'undefined' && errorCallback != null) {
-						errorCallback(response);
-					}
-				}
-			} catch (e) {
-				console.error(e);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response);
-				}
-			}
-			if (typeof completeCallback != 'undefined' && completeCallback != null) {
-				completeCallback(response);
-			}
-			return;
-		}
-
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
-		let ajaxOptions = {
-			type: 'GET',
-			url: url,
-			headers: HTTPRequest.getHeaders(true),
-			cache: false,
-			xhrFields: {
-				responseType: 'blob'
-			},
-		};
-		if ('POST' === method) {
-			ajaxOptions['type'] = 'POST';
-			ajaxOptions['data'] = this.formatFormData(data);
-			ajaxOptions['contentType'] = false;
-			ajaxOptions['processData'] = false;
-		}
-
-		$.ajax(Object.assign({...ajaxOptions}, {
-			success: (data, status, jqxhr) => File.download(data, jqxhr.getResponseHeader('Content-Type'), jqxhr.getResponseHeader('Content-Disposition')),
-			error: (jqxhr, status, errorThrown) => {
-				if (HTTPRequest.isExpiredToken(jqxhr, jqxhr.responseJSON)) {
-					HTTPRequest.refreshToken(() => HTTPRequest.download(url, data, errorCallback, completeCallback, method), errorCallback);
-					return;
-				}
-
-				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr);
-				}
-			},
-			complete: (jqxhr) => {
-				if (typeof completeCallback != 'undefined' && completeCallback != null) {
-					completeCallback(jqxhr);
-				}
-			}
-		}));
-	}
-
-	static async post(url, formData, successCallback, errorCallback, formErrorCallback) {
-		formData = this.formatFormData(formData);
-
-		if (window.fetch) {
-			const response = await fetch(url, {
-				method: 'POST',
-				body: formData,
-				headers: HTTPRequest.getHeaders(),
-				mode: 'cors',
-				cache: 'no-cache'
-			});
-
-			let jsonData = {};
-			try {
-				if (response.status !== 204 && response.statusText !== 'No Content') {
-					jsonData = await response.json();
-				}
-				//console.log(url, jsonData);
-
-				if (url !== HTTPRequest.refreshTokenUrl && HTTPRequest.isExpiredToken(response, jsonData)) {
-					HTTPRequest.refreshToken(() => HTTPRequest.post(url, formData, successCallback, errorCallback, formErrorCallback), errorCallback);
-					return;
-				}
-
-				if (response.ok) {
-					if (typeof successCallback != 'undefined' && successCallback != null) {
-						successCallback(jsonData, response);
-					}
-					return;
-				}
-
-				if (response.status === 400 && typeof formErrorCallback != 'undefined' && formErrorCallback != null) {
-					formErrorCallback(jsonData, response);
-					return;
-				}
-			} catch (e) {
-				console.error(e);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(response);
-				}
-				return;
-			}
-
-			HTTPRequest.logRequestFailure(response, jsonData);
-			if (typeof errorCallback != 'undefined' && errorCallback != null) {
-				errorCallback(response, jsonData);
-			}
-			return;
-		}
-
-		//l'api fetch n'est pas dispo pour ce navigateur => normalement ce cas ne devrait pas arriver car le polyfill est chargé dans la méthode init
-		$.ajax({
-			type: 'POST',
-			url: url,
-			headers: HTTPRequest.getHeaders(true),
-			dataType: 'json', // 22/09/2020 : à voir si cette ligne pose pb (utilisé pour requete import et peut être d'autres
-			data: formData,
-			cache: false,
-			contentType: false,
-			processData: false,
-			success: (data, status, jqxhr) => {
-				if (typeof successCallback != 'undefined' && successCallback != null) {
-					successCallback(data, jqxhr);
-				}
-			},
-			error: (jqxhr, status, errorThrown) => {
-				if (url !== HTTPRequest.refreshTokenUrl && HTTPRequest.isExpiredToken(jqxhr, jqxhr.responseJSON)) {
-					HTTPRequest.refreshToken(() => HTTPRequest.post(url, formData, successCallback, errorCallback, formErrorCallback), errorCallback);
-					return;
-				}
-				if (jqxhr.status === 400 && typeof formErrorCallback != 'undefined' && formErrorCallback != null) {
-					formErrorCallback(jqxhr.responseJSON, jqxhr);
-					return;
-				}
-
-				HTTPRequest.logJqueryRequestFailure(jqxhr, status, errorThrown);
-				if (typeof errorCallback != 'undefined' && errorCallback != null) {
-					errorCallback(jqxhr, jqxhr.responseJSON);
-				}
-			}
-		});
-	}
-
-	static refreshToken(onCompleteCallback, errorCallback) {
-		if (typeof this.refreshTokenCallback == 'function') {
-			this.refreshTokenCallback(onCompleteCallback);
-			return;
-		}
-
-		if (typeof this.refreshTokenUrl == 'undefined') {
-			console.error('URL refresh token non définie. Appeler HTTPRequest.setRefreshTokenUrl(url)');
-			return;
-		}
-
-		let payload = new FormData();
-		payload.append('refresh_token', JwtSession.getRefreshToken());
-
-		HTTPRequest.post(this.refreshTokenUrl, payload,
-			(data) => {
-				JwtSession.setToken(data.token);
-				JwtSession.setRefreshToken(data.refresh_token);
-
-				HTTPRequest.setAuthorizationHeader(JwtSession.getToken());
-
-				onCompleteCallback();
-			},
-			() => {
-				JwtSession.logout();
-				errorCallback();
-			}
-		);
-	}
-
-	static doRequest(url, strParam, methode, formatRetour, callback) {
-		var xhr = null;
-
-		if (window.XMLHttpRequest || window.ActiveXObject) {
-			if (window.ActiveXObject) {
-				try {
-					xhr = new ActiveXObject('Msxml2.XMLHTTP');
-				} catch (e) {
-					xhr = new ActiveXObject('Microsoft.XMLHTTP');
-				}
-			} else {
-				xhr = new XMLHttpRequest();
-			}
-		} else {
-			// Votre navigateur ne supporte pas l'objet XMLHTTPRequest!
-			return null;
-		}
-
-		xhr.onreadystatechange = function () {
-			if (xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
-				let data;
-				if (formatRetour == 'xml') {
-					data = xhr.responseXML;
-				} else {
-					data = eval('(' + xhr.responseText + ')');
-				}
-				callback(data);
-			}
-		};
-
-		if (methode === 'POST') {
-			xhr.open('POST', url, true);
-			xhr.send();
-		} else {
-			xhr.open('GET', url + '?' + strParam, true);
-			xhr.send(null);
-		}
-		return false;
-	}
-}
-
-module.exports = {HTTPRequest, Cookie, UrlAndQueryString};
+module.exports = { Cookie, UrlAndQueryString };

package/package.json

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

package/user.js

@@ -0,0 +1,86 @@
+class Password {
+	static getPasswordStrength(password) {
+		let score = 0;
+
+		if (password.length >= 8) score++;
+		if (/[A-Z]/.test(password)) score++;
+		if (/[a-z]/.test(password)) score++;
+		if (/[0-9]/.test(password)) score++;
+		if (/[^A-Za-z0-9]/.test(password)) score++;
+
+		if (password.length > 12 && score >= 4) score++; // Bonus pour long mot de passe
+
+		return score;
+	}
+
+	static displayPasswordStrength(input) {
+		function update(input) {
+			input = $(input);
+			const password = input.val();
+			const div = input.closest('.form-group').find('.password_strength_content');
+			const score = Password.getPasswordStrength(password);
+
+			const strengthBar = div.find('.password_strength_bar');
+			const strengthText = div.find('.password_strength_text');
+
+			const conditions = {
+				length: password.length >= 8,
+				uppercase: /[A-Z]/.test(password),
+				lowercase: /[a-z]/.test(password),
+				number: /[0-9]/.test(password),
+				special: /[^A-Za-z0-9]/.test(password),
+			};
+
+			// Mise à jour des conditions
+			div.find('.password_strength_conditions li').each(function () {
+				const cond = $(this).data('condition');
+				$(this).removeClass('text-success text-danger');
+				if (conditions[cond]) {
+					$(this).addClass('text-success');
+				} else {
+					$(this).addClass('text-danger');
+				}
+			});
+
+			let width = (score / 6) * 100;
+			let color = 'danger';
+			let text = 'Très faible';
+
+			if (score >= 2) { color = 'danger'; text = 'Faible'; }
+			if (score >= 4) { color = 'warning'; text = 'Moyen'; }
+			if (score >= 5) { color = 'success'; text = 'Fort'; }
+
+			strengthBar.removeClass('bg-danger bg-warning bg-success').addClass('bg-'+color);
+			strengthText.removeClass('text-bg-danger text-bg-warning text-bg-success').addClass('text-bg-'+color);
+			strengthBar.width(width+'%');
+			strengthText.text(text);
+		}
+
+		const formGroup = input.closest('.form-group');
+		formGroup.find('.password_strength_content').remove();
+		formGroup.append(''
+			+'<div class="password_strength_content mt-1">'
+			+'	<div class="progress" style="height: 6px;">'
+			+'		<div class="password_strength_bar progress-bar" role="progressbar"></div>'
+			+'	</div>'
+			+'	<div class="d-flex justify-content-between align-items-start mt-2">'
+			+'		<ul class="password_strength_conditions mb-0 ps-0" style="list-style: none;">'
+			+'			<li data-condition="length">✔ Au moins 8 caractères</li>'
+			+'			<li data-condition="uppercase">✔ Une majuscule</li>'
+			+'			<li data-condition="lowercase">✔ Une minuscule</li>'
+			+'			<li data-condition="number">✔ Un chiffre</li>'
+			+'			<li data-condition="special">✔ Un caractère spécial</li>'
+			+'		</ul>'
+			+'		<div class="ms-3 text-end">'
+			+'			<span class="badge password_strength_text" style="font-size: 10pt; font-weight: normal">New</span>'
+			+'		</div>'
+			+'	</div>'
+			+'</div>'
+		);
+		input.change(() => update(input));
+		input.on('input', () => update(input));
+		update(input);
+	}
+}
+
+module.exports = { Password };