@osimatic/helpers-js 1.0.710 → 1.1.0

package/jwt.js

@@ -1,81 +1,139 @@
 class JwtToken {
 	static parseJwt (token) {
-		var base64Url = token.split('.')[1];
-		var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
-		var jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {
+		let base64Url = token.split('.')[1];
+		let base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
+		let jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {
 			return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
 		}).join(''));
 
 		return JSON.parse(jsonPayload);
 	}
 
+	static getData(token, key) {
+		if (token == null) {
+			return null;
+		}
+
+		let payload = JwtToken.parseJwt(token);
+		if (typeof payload[key] != 'undefined') {
+			return payload[key];
+		}
+		return null;
+	}
+
 	static hasRole(token, role) {
 		if (token == null) {
 			return false;
 		}
 
 		let payload = JwtToken.parseJwt(token);
-		return payload.roles.indexOf(role) !== -1;
+		return typeof payload['roles'] != 'undefined' && payload['roles'].indexOf(role) !== -1;
 	}
 }
 
 class JwtSession {
-	static denyAccessUnlessGranted(roles) {
-		let hasRole = false;
-		
-		roles.forEach(role => {
-			if (JwtSession.isGranted(role)) {
-				hasRole = true;
-			}
-		});
-
-		return hasRole;
+	static setOnLoginCallback(callback) {
+		JwtSession.onLoginCallback = callback;
 	}
-
-	static setToken(token) {
-		localStorage.setItem('access_token', token);
+	static setOnLogoutCallback(callback) {
+		JwtSession.onLogoutCallback = callback;
+	}
+	static setOnNewTokenCallback(callback) {
+		JwtSession.onNewTokenCallback = callback;
+	}
+	static setOnSessionExpireCallback(callback) {
+		JwtSession.onSessionExpireCallback = callback;
 	}
 
 	static getToken() {
 		return localStorage.getItem('access_token');
 	}
-
-	static setRefreshToken(token) {
-		localStorage.setItem('refresh_token', token);
+	static setToken(token) {
+		localStorage.setItem('access_token', token);
 	}
 
 	static getRefreshToken() {
 		return localStorage.getItem('refresh_token');
 	}
+	static setRefreshToken(token) {
+		localStorage.setItem('refresh_token', token);
+	}
+
+	static login(data, redirectUrl, onComplete) {
+		console.log('JwtSession.login()');
+		JwtSession.setToken(data['access_token'] || data['token']);
+		JwtSession.setRefreshToken(data['refresh_token']);
+
+		localStorage.removeItem('real_users');
+
+		if (typeof JwtSession.onLoginCallback == 'function') {
+			JwtSession.onLoginCallback();
+		}
+		if (typeof onComplete == 'function') {
+			onComplete();
+		}
 
-	static isSimulationConnexion() {
-		return localStorage.getItem('admin_refresh_token') != null && localStorage.getItem('admin_access_token') != null;
+		if (typeof redirectUrl != 'undefined' && null != redirectUrl) {
+			window.location.href = redirectUrl;
+		}
 	}
 
-	static cancelSimulationConnexion() {
-		localStorage.setItem('refresh_token', localStorage.getItem('admin_refresh_token'));
-		localStorage.setItem('access_token', localStorage.getItem('admin_access_token'));
+	static updateToken(accessToken, refreshToken, onComplete) {
+		console.log('JwtSession.updateToken()');
+		JwtSession.setToken(accessToken);
 
-		localStorage.removeItem('admin_refresh_token');
-		localStorage.removeItem('admin_access_token');
+		if (typeof refreshToken != 'undefined' && null != refreshToken) {
+			JwtSession.setRefreshToken(refreshToken);
+		}
+
+		if (typeof JwtSession.onNewTokenCallback == 'function') {
+			JwtSession.onNewTokenCallback();
+		}
+		if (typeof onComplete == 'function') {
+			onComplete();
+		}
 	}
 
-	static logout() {
+	static logout(redirectUrl, onComplete) {
+		console.log('JwtSession.logout()');
 		localStorage.removeItem('access_token');
 		localStorage.removeItem('refresh_token');
+
+		localStorage.removeItem('real_users');
+
+		if (typeof JwtSession.onLogoutCallback == 'function') {
+			JwtSession.onLogoutCallback();
+		}
+		if (typeof onComplete == 'function') {
+			onComplete();
+		}
+
+		if (typeof redirectUrl != 'undefined' && null != redirectUrl) {
+			window.location.href = redirectUrl;
+		}
 	}
 
-	static getData(key) {
-		let token = JwtSession.getToken();
-		if (token == null) {
-			return null;
+	static expireSession(redirectUrl, onComplete) {
+		console.log('JwtSession.expireSession()');
+		localStorage.removeItem('access_token');
+		localStorage.removeItem('refresh_token');
+
+		localStorage.removeItem('real_users');
+
+		if (typeof JwtSession.onSessionExpireCallback == 'function') {
+			JwtSession.onSessionExpireCallback();
+		}
+		if (typeof onComplete == 'function') {
+			onComplete();
 		}
 
-		let payload = JwtToken.parseJwt(token);
-		if (typeof payload[key] != 'undefined') {
-			return payload[key];
+		if (typeof redirectUrl != 'undefined' && null != redirectUrl) {
+			window.location.href = redirectUrl;
 		}
-		return null;
+	}
+
+	static getData(key) {
+		return JwtToken.getData(JwtSession.getToken(), key);
 	}
 
 	static isAnonymous() {
@@ -83,22 +141,14 @@ class JwtSession {
 	}
 
 	static isGranted(role) {
-		let token = localStorage.getItem('access_token');
-		if (token == null) {
-			return false;
-		}
-
-		let payload = JwtToken.parseJwt(token);
-		return payload.roles.indexOf(role) !== -1;
+		return JwtToken.hasRole(JwtSession.getToken(), role);
 	}
-}
 
-class ApiTokenSession {
 	static denyAccessUnlessGranted(roles) {
 		let hasRole = false;
 
 		roles.forEach(role => {
-			if (ApiTokenSession.isGranted(role)) {
+			if (JwtSession.isGranted(role)) {
 				hasRole = true;
 			}
 		});
@@ -106,6 +156,67 @@ class ApiTokenSession {
 		return hasRole;
 	}
 
+
+	static getRealLoggedUsers() {
+		let realUsers = [];
+		if (localStorage.getItem('real_users') != null) {
+			realUsers = JSON.parse(localStorage.getItem('real_users'));
+		}
+		return realUsers;
+	}
+
+	static simulateLogin(loginData, redirectUrl, onComplete) {
+		console.log('JwtSession.simulateLogin');
+
+		// on sauvegarde les tokens de l'utilisateur réellement connecté
+		let realUsers = JwtSession.getRealLoggedUsers();
+		realUsers.push({
+			access_token: JwtSession.getToken(),
+			refresh_token: JwtSession.getRefreshToken(),
+		});
+		localStorage.setItem('real_users', JSON.stringify(realUsers));
+
+		// on enregistre la session de l'utilisateur simulé
+		JwtSession.setToken(loginData['access_token'] || loginData['token']);
+		JwtSession.setRefreshToken(loginData['refresh_token']);
+
+		if (typeof onComplete == 'function') {
+			onComplete();
+		}
+
+		if (typeof redirectUrl != 'undefined' && null != redirectUrl) {
+			window.location.href = redirectUrl;
+		}
+	}
+
+	static cancelSimulatedLogin(redirectUrl, onComplete) {
+		console.log('JwtSession.cancelSimulatedLogin');
+
+		// on récupère les tokens de l'utilisateur réellement connecté
+		let realUsers = JwtSession.getRealLoggedUsers();
+		let loginData = realUsers.pop();
+
+		if (typeof loginData == 'undefined' || null == loginData) {
+			return;
+		}
+
+		localStorage.setItem('real_users', JSON.stringify(realUsers));
+
+		JwtSession.setToken(loginData['access_token'] || loginData['token']);
+		JwtSession.setRefreshToken(loginData['refresh_token']);
+
+		if (typeof onComplete == 'function') {
+			onComplete();
+		}
+
+		if (typeof redirectUrl != 'undefined' && null != redirectUrl) {
+			window.location.href = redirectUrl;
+		}
+	}
+
+}
+
+class ApiTokenSession {
 	static getToken() {
 		return localStorage.getItem('api_token');
 	}
@@ -161,6 +272,18 @@ class ApiTokenSession {
 
 		return roles.indexOf(role) !== -1;
 	}
+
+	static denyAccessUnlessGranted(roles) {
+		let hasRole = false;
+
+		roles.forEach(role => {
+			if (ApiTokenSession.isGranted(role)) {
+				hasRole = true;
+			}
+		});
+
+		return hasRole;
+	}
 }
 
 module.exports = { JwtToken, JwtSession, ApiTokenSession };

package/location.js

@@ -288,11 +288,32 @@ class Country {
 }
 
 class PostalAddress {
+	static setAutocomplete(input, onPlaceChanged) {
+		let autocomplete = new google.maps.places.Autocomplete(
+			input[0],
+			{types: ['geocode']}
+		);
+		//console.log(autocomplete);
+
+		// When the user selects an address from the dropdown, populate the address fields in the form.
+		autocomplete.addListener('place_changed', function() {
+			let place = autocomplete.getPlace();
+			input.val('');
+			if (typeof onPlaceChanged == 'function') {
+				onPlaceChanged(place['formatted_address']);
+			}
+		});
+	}
+
 	static format(addressData, separator) {
 		if (typeof separator == 'undefined') {
 			separator = '<br/>';
 		}
 
+		function empty(value) {
+			return typeof value == 'undefined' || value == null || value === '';
+		}
+
 		/*
 		var address = new Address({
 			country: "USA",
@@ -307,23 +328,25 @@ class PostalAddress {
 		console.log(formatted);
 		 */
 
-		var addressDataForPluging = {
-			streetAddress: addressData.streetAddress+(addressData.additionalAddress!=null&&addressData.additionalAddress!==''?"\n"+addressData.additionalAddress:''),
-			postalCode: addressData.postalCode,
-			locality: addressData.locality,
-			region: addressData.state,
-			countryCode: addressData.countryCode,
-			country: Country.getCountryName(addressData.countryCode),
+		addressData['countryCode'] = !empty(addressData['countryCode'])?addressData['countryCode']:null;
+
+		let addressDataForPluging = {
+			streetAddress: (!empty(addressData['streetAddress'])?addressData['streetAddress']:'')+(!empty(addressData['additionalAddress'])?"\n"+addressData['additionalAddress']:''),
+			postalCode: !empty(addressData['postalCode'])?addressData['postalCode']:null,
+			locality: !empty(addressData['locality'])?addressData['locality']:null,
+			region: !empty(addressData['state'])?addressData['state']:null,
+			countryCode: addressData['countryCode'],
+			country: Country.getCountryName(addressData['countryCode']),
 		};
-		if (addressDataForPluging.locality == null) {
-			addressDataForPluging.locality = addressData.suburb;
+		if (addressDataForPluging['locality'] == null && !empty(addressData['suburb'])) {
+			addressDataForPluging['locality'] = addressData['suburb'];
 		}
-		if (addressDataForPluging.locality == null) {
-			addressDataForPluging.locality = addressData.stateDistrict;
+		if (addressDataForPluging['locality'] == null && !empty(addressData['stateDistrict'])) {
+			addressDataForPluging['locality'] = addressData['stateDistrict'];
 		}
 
-		var af = new AddressFmt();
-		var formattedAddress = af.format(new Address(addressDataForPluging));
+		let af = new AddressFmt();
+		let formattedAddress = af.format(new Address(addressDataForPluging));
 		return formattedAddress.replace(/\n+/g, separator);
 	}
 

package/media.js

@@ -15,14 +15,13 @@ class AudioMedia {
 		});
 
 		div.find('.play_asynchronously_link').off('click').click(function () {
-			if ($(this).buttonLoader('loading') != null) {
-				let button = $(this).buttonLoader('loading');
-				AudioMedia.playAudioUrl($(this).data('url'), () => button.buttonLoader('reset'));
-			} else {
-				let button = $(this).attr('disabled', true).button('loading');
-				AudioMedia.playAudioUrl($(this).data('url'), () => button.attr('disabled', false).button('reset'));
-			}
-
+			//if (FormHelper.buttonLoader($(this), 'loading') != null) {
+			let button = FormHelper.buttonLoader($(this), 'loading');
+			AudioMedia.playAudioUrl($(this).data('url'), () => FormHelper.buttonLoader(button, 'reset'));
+			//} else {
+			//	let button = $(this).attr('disabled', true).button('loading');
+			//	AudioMedia.playAudioUrl($(this).data('url'), () => button.attr('disabled', false).button('reset'));
+			//}
 			return false;
 		});
 
@@ -46,7 +45,7 @@ class AudioMedia {
 			let context = new (window.AudioContext || window.webkitAudioContext)();
 			let request = new XMLHttpRequest();
 			request.open("GET", url, true);
-			Object.entries(HTTPRequest.getHeaders(true)).forEach(([key, value]) => request.setRequestHeader(key, value));
+			Object.entries(HTTPClient.getHeaders(true)).forEach(([key, value]) => request.setRequestHeader(key, value));
 			request.responseType = "arraybuffer";
 
 			request.onload = function () {

package/multiple_action_in_table.js

@@ -6,7 +6,7 @@ class MultipleActionInTable {
 			return;
 		}
 
-		var divBtn = MultipleActionInTable.getDivBtn(table);
+		let divBtn = MultipleActionInTable.getDivBtn(table);
 		if (divBtn == null) {
 			return;
 		}
@@ -26,23 +26,19 @@ class MultipleActionInTable {
 			}
 		});
 
-		table.find('input.action_multiple_checkbox').each(function(idx, el) {
-			var th = $(el).closest('table').find('thead tr th').first();
-			if (th.find('input').length === 0) {
-				// console.log(th);
-				th.html('<input type="checkbox" class="action_multiple_check_all" />');
-				// th.html('Coucou');
-			}
-		});
+		let firstTh = table.find('thead tr th').first();
+		if (firstTh.find('input').length === 0) {
+			firstTh.html('<input type="checkbox" class="action_multiple_check_all" />');
+		}
 
 		table.find('input.action_multiple_checkbox').change(function() {
 			MultipleActionInTable.updateCheckbox(table);
 		});
 
 		table.find('input.action_multiple_check_all').off('click').click(function() {
-			var table = $(this).closest('table');
-			var checkbox = table.find('input.action_multiple_checkbox');
-			var checkboxChecked = table.find('input.action_multiple_checkbox:checked');
+			let table = $(this).closest('table');
+			let checkbox = table.find('input.action_multiple_checkbox');
+			let checkboxChecked = table.find('input.action_multiple_checkbox:checked');
 			if (checkbox.length === checkboxChecked.length) {
 				checkbox.prop('checked', false);
 			}
@@ -58,9 +54,9 @@ class MultipleActionInTable {
 	static updateCheckbox(table) {
 		MultipleActionInTable.showButtonsAction(table);
 
-		var allCheckbox = table.find('input.action_multiple_checkbox');
-		var allCheckboxChecked = table.find('input.action_multiple_checkbox:checked');
-		var checkboxSelectAll = table.find('thead tr th input.action_multiple_check_all');
+		let allCheckbox = table.find('input.action_multiple_checkbox');
+		let allCheckboxChecked = table.find('input.action_multiple_checkbox:checked');
+		let checkboxSelectAll = table.find('thead tr th input.action_multiple_check_all');
 		if (allCheckbox.length === allCheckboxChecked.length) {
 			checkboxSelectAll.prop('checked', true);
 		}
@@ -70,8 +66,8 @@ class MultipleActionInTable {
 	}
 
 	static getDivBtn(table) {
-		var divTableResponsive = table.parent();
-		var divBtn = divTableResponsive.next();
+		let divTableResponsive = table.parent();
+		let divBtn = divTableResponsive.next();
 		if (divBtn.hasClass('action_multiple_buttons')) {
 			return divBtn;
 		}
@@ -111,7 +107,109 @@ class MultipleActionInTable {
 
 }
 
-module.exports = { MultipleActionInTable };
+class MultipleActionInDivList {
+// init checkbox
+	static init(contentDiv) {
+		let buttonsDiv = MultipleActionInDivList.getButtonsDiv(contentDiv);
+		if (buttonsDiv == null) {
+			return;
+		}
+
+		buttonsDiv.addClass('hide');
+
+		// Si aucune div sélectionnable, on n'applique pas le plugin
+		if (!contentDiv.find('.multiple_action').length) {
+			return;
+		}
+
+		if (!buttonsDiv.data('action_multiple_buttons_initialized')) {
+			buttonsDiv.prepend($('<img src="'+ROOT_PATH+DOSSIER_IMAGES+'arrow_ltr.png" alt="" /> &nbsp;'));
+			buttonsDiv.append($('<br/><br/>'));
+			buttonsDiv.data('action_multiple_buttons_initialized', 1);
+		}
+
+		// Ajout checkbox pour chaque div sélectionnable
+		contentDiv.find('.multiple_action').each(function(idx, div) {
+			if ($(div).find('div.multi_select').length === 0) {
+				$(div).prepend($('<div class="multi_select float-start me-2"><input type="checkbox" class="action_multiple_checkbox" name="'+$(div).data('action_multiple_input_name')+'" value="'+$(div).data('action_multiple_item_id')+'"></div>'));
+			}
+		});
+
+		// Ajout checkbox select all
+		if (contentDiv.find('input.action_multiple_check_all').length === 0) {
+			contentDiv.prepend('<p class="mb-2"><input type="checkbox" class="action_multiple_check_all" /> Tout sélectionner</p>');
+		}
+
+		contentDiv.find('input.action_multiple_checkbox').change(function() {
+			MultipleActionInDivList.updateCheckbox(contentDiv);
+		});
+
+		contentDiv.find('input.action_multiple_check_all').off('click').click(function() {
+			let checkbox = contentDiv.find('input.action_multiple_checkbox');
+			let checkboxChecked = contentDiv.find('input.action_multiple_checkbox:checked');
+			if (checkbox.length === checkboxChecked.length) {
+				checkbox.prop('checked', false);
+			}
+			else {
+				checkbox.prop('checked', true);
+			}
+			MultipleActionInDivList.updateCheckbox(contentDiv);
+		});
+
+		MultipleActionInDivList.updateCheckbox(contentDiv);
+	}
+
+	static updateCheckbox(contentDiv) {
+		MultipleActionInDivList.showButtonsAction(contentDiv);
+
+		let allCheckbox = contentDiv.find('input.action_multiple_checkbox');
+		let allCheckboxChecked = contentDiv.find('input.action_multiple_checkbox:checked');
+		let checkboxSelectAll = contentDiv.find('input.action_multiple_check_all');
+		if (allCheckbox.length === allCheckboxChecked.length) {
+			checkboxSelectAll.prop('checked', true);
+		}
+		else {
+			checkboxSelectAll.prop('checked', false);
+		}
+	}
+
+	static getButtonsDiv(contentDiv) {
+		let buttonsDiv = contentDiv.next();
+		if (buttonsDiv.hasClass('action_multiple_buttons')) {
+			return buttonsDiv;
+		}
+		return null;
+	}
+
+	static showButtonsAction(contentDiv) {
+		let buttonsDiv = MultipleActionInDivList.getButtonsDiv(contentDiv);
+		if (buttonsDiv == null) {
+			return;
+		}
+
+		// console.log(divBtn);
+		//var nbItems = $('input[name="' + checkbox.attr('name') + '"]:checked').length;
+		let nbItems = contentDiv.find('input.action_multiple_checkbox:checked').length;
+
+		if (nbItems > 0 && buttonsDiv.is(':hidden')) {
+			buttonsDiv.removeClass('hide');
+		}
+		// 13/04/2021 : si le tableau est caché cela veut dire qu'il est en train de s'initialiser (après avoir chargé les données) et donc s'il n'y a pas de ligne sélectionnées, on cache la div buttons
+		else if ((nbItems === 0 && buttonsDiv.is(':visible')) || (nbItems === 0 && contentDiv.is(':hidden'))) {
+			buttonsDiv.addClass('hide');
+		}
+
+		// affichage aucune action possible si aucun bouton n'est visible
+		if (buttonsDiv.is(':visible')) {
+			buttonsDiv.find('span.no_button').remove();
+			if (buttonsDiv.find('button:visible, a:visible').length === 0) {
+				buttonsDiv.find('img').after('<span class="no_button"><em>aucune action possible</em></span>');
+			}
+		}
+	}
+}
+
+module.exports = { MultipleActionInTable, MultipleActionInDivList };
 
 /*
 // init checkbox