@osimatic/helpers-js 1.0.11 → 1.0.14

package/bank.js

@@ -4,4 +4,19 @@ class IBAN {
 	}
 }
 
-module.exports = { IBAN };
+class BankCard {
+	static formatCardNumber(cardNumber) {
+		if (cardNumber.length === 16) {
+			cardNumber = cardNumber.substring(0, 4)+'-'+cardNumber.substring(4, 8)+'-'+cardNumber.substring(8, 12)+'-'+cardNumber.substring(12, 16);
+			cardNumber = cardNumber.replace(/(\*)/gi, 'X');
+		}
+		return cardNumber;
+	}
+
+	static formatExpirationDate(expirationDate) {
+		let locale = typeof locale != 'undefined' ? locale : 'fr-FR';
+		return SqlDateTime.getMonthName(expirationDate, locale)+' '+SqlDateTime.getYear(expirationDate);
+	}
+}
+
+module.exports = { IBAN, BankCard };

package/index.js

@@ -7,7 +7,7 @@ require('./array');
 
 // exports d'ojets non natif
 const { HTTPRequest, Cookie, UrlAndQueryString } = require('./network');
-const { IBAN } = require('./bank');
+const { IBAN, BankCard } = require('./bank');
 const { AudioMedia } = require('./media');
 const { PersonName, Email, TelephoneNumber } = require('./contact_details');
 const { DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, InputPeriod } = require('./date_time');
@@ -22,9 +22,12 @@ const { chr, ord, trim, empty } = require('./php.min');
 // exports plugins "maison"
 const { DataTable } = require('./data_table');
 const { Pagination, Navigation } = require('./paging');
+const { DetailsSubArray } = require('./details_sub_array');
+const { SelectAll } = require('./select_all');
+const { MultipleActionInTable } = require('./multiple_action_in_table');
+const { ShoppingCart } = require('./shopping_cart');
 const { FlashMessage } = require('./flash_message');
 const { CountDown } = require('./count_down');
-const { DetailsSubArray } = require('./details_sub_array');
 const { ImportFromCsv } = require('./import_from_csv');
 const { JwtToken, JwtSession } = require('./jwt');
 const { ListBox } = require('./list_box');
@@ -40,8 +43,8 @@ const { NumberValue } = require('./number');
 
 module.exports = {
     Array, Object, Number, String,
-    HTTPRequest, Cookie, UrlAndQueryString, IBAN, AudioMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, InputPeriod, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, Location, SocialNetwork, NumberValue,
-    DataTable, Pagination, Navigation, FlashMessage, CountDown, DetailsSubArray, ImportFromCsv, JwtToken, JwtSession, ListBox,
+    HTTPRequest, Cookie, UrlAndQueryString, IBAN, BankCard, AudioMedia, PersonName, Email, TelephoneNumber, DateTime, TimestampUnix, SqlDate, SqlTime, SqlDateTime, InputPeriod, Duration, File, CSV, Img, FormHelper, Country, PostalAddress, Location, SocialNetwork, NumberValue,
+    DataTable, Pagination, Navigation, DetailsSubArray, SelectAll, MultipleActionInTable, ShoppingCart, FlashMessage, CountDown, ImportFromCsv, JwtToken, JwtSession, ListBox,
     sleep, refresh, chr, ord, trim, empty,
     GoogleCharts, GoogleRecaptcha, GoogleMap, OpenStreetMap
 };

package/media.js

@@ -1,12 +1,12 @@
 class AudioMedia {
 
 	static getPlayer(playUrl) {
-		return '<audio controls preload="none"><source src="'+playUrl+'" type="audio/x-wav"></audio>';
+		return '<audio controls preload="none"><source src="' + playUrl + '" type="audio/x-wav"></audio>';
 	}
 
 	static initPlayLinks(div) {
 		// Affiche un lecteur audio
-		div.find('.play_link').off('click').click(function() {
+		div.find('.play_link').off('click').click(function () {
 			let audio = $(AudioMedia.getPlayer($(this).data('play_url')));
 			audio[0].play();
 			$(this).after(audio);
@@ -14,7 +14,7 @@ class AudioMedia {
 			return false;
 		});
 
-		div.find('.play_asynchronously_link').off('click').click(function() {
+		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'));
@@ -22,11 +22,11 @@ class AudioMedia {
 				let button = $(this).attr('disabled', true).button('loading');
 				AudioMedia.playAudioUrl($(this).data('url'), () => button.attr('disabled', false).button('reset'));
 			}
-			
+
 			return false;
 		});
 
-		div.find('.modal_play_link').off('click').click(function() {
+		div.find('.modal_play_link').off('click').click(function () {
 			$('#modal_voice_message_play').on('show.bs.modal', function (event) {
 				let button = $(event.relatedTarget);
 				let modal = $(this);
@@ -49,15 +49,15 @@ class AudioMedia {
 			Object.entries(httpHeaders).forEach(([key, value]) => request.setRequestHeader(key, value));
 			request.responseType = "arraybuffer";
 
-			request.onload = function() {
-				context.decodeAudioData(request.response, function(buffer) {
+			request.onload = function () {
+				context.decodeAudioData(request.response, function (buffer) {
 					let source = context.createBufferSource();
 					source.buffer = buffer;
 					source.connect(context.destination);
 					// auto play
 					source.start(0); // start was previously noteOn
 
-					source.onended = function(event) {
+					source.onended = function (event) {
 						if (typeof onPlayed == 'function') {
 							onPlayed(event);
 						}
@@ -66,7 +66,7 @@ class AudioMedia {
 			};
 			request.send();
 		}
-		catch(e) {
+		catch (e) {
 			console.log(e);
 			console.log('web audio api not supported');
 		}
@@ -74,7 +74,93 @@ class AudioMedia {
 
 }
 
-module.exports = { AudioMedia };
+//Source : https://www.npmjs.com/package/mic-check
+class UserMedia { 
+	/** SystemPermissionDenied => (macOS) browser does not have permission to access cam/mic */
+    /** UserPermissionDenied => user denied permission for site to access cam/mic */
+    /** CouldNotStartVideoSource = > (Windows) browser does not have permission to access cam/mic OR camera is in use by another application or browser tab */
+    /** Generic => all other errors */
+
+	static requestMediaPermissions(constraints) {
+		return new Promise((resolve, reject) => {	
+			let userAgent = navigator.userAgent;
+			let browser;
+			
+			if (userAgent.match(/chrome|chromium|crios/i)) {
+				browser = "Chrome";
+			} else if (userAgent.match(/firefox|fxios/i)) {
+				browser = "firefox";
+			} else if (userAgent.match(/safari/i)) {
+				browser = "Safari";
+			} else if(userAgent.match(/opr\//i)) {
+				browser = "Opera";
+			} else if (userAgent.match(/edg/i)) {
+				browser = "Edge";
+			} else {
+				browser = "No browser detection";
+			}
+			
+			navigator.mediaDevices.getUserMedia(constraints !== 'undefined' ? constraints : { audio: true, video: true })
+			.then((stream) => {
+				stream.getTracks().forEach((track) => track.stop());
+				resolve();
+			}).catch((error) => {
+				const errName = error.name;
+				const errMessage = error.message;
+				let errorType = "Generic";
+
+				if (browser === 'Chrome') {
+					if (errName === 'NotAllowedError') {
+						if (errMessage === 'Permission denied by system') {
+							errorType = "SystemPermissionDenied";
+						} else if (errMessage === 'Permission denied') {
+							errorType = "UserPermissionDenied";
+						}
+					} else if (errName === 'NotReadableError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				} else if (browser === 'Safari') {
+					if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					}
+				} else if (browser === 'Microsoft Edge') {
+					if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					} else if (errName === 'NotReadableError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				} else if (browser === 'Firefox') {
+					// https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia#exceptions
+					if (errName === 'NotFoundError') {
+						errorType = "SystemPermissionDenied";
+					} else if (errName === 'NotReadableError') {
+						errorType = "SystemPermissionDenied";
+					} else if (errName === 'NotAllowedError') {
+						errorType = "UserPermissionDenied";
+					} else if (errName === 'AbortError') {
+						errorType = "CouldNotStartVideoSource";
+					}
+				}
+
+				reject({ type: errorType, name: error.name, message: error.message });
+			});
+		});
+	}
+
+	static requestAudioPermissions(audioConstraints) {
+		return this.requestMediaPermissions({ audio: (audioConstraints !== 'undefined' ? audioConstraints : true), video: false });
+	}
+	
+	static requestVideoPermissions(audioConstraints, videoConstraints) {
+		return this.requestMediaPermissions({ audio: (audioConstraints !== 'undefined' ? audioConstraints : true), video: (videoConstraints !== 'undefined' ? videoConstraints : true )});
+	}
+
+	static requestMutedVideoPermissions(videoConstraints) {
+		return this.requestMediaPermissions({ audio: false, video: (videoConstraints !== 'undefined' ? videoConstraints : true )});
+	}
+}
+
+module.exports = { AudioMedia, UserMedia };
 
 //deprecated
 function hasGetUserMedia() {

package/{todos/multiple_action_in_table.js → multiple_action_in_table.js}

@@ -111,11 +111,7 @@ class MultipleActionInTable {
 
 }
 
-$(function() {
-	$('table.table-action_multiple').each(function(idx, table) {
-		MultipleActionInTable.init($(table));
-	});
-});
+module.exports = { MultipleActionInTable };
 
 /*
 // init checkbox

package/network.js

@@ -36,6 +36,7 @@ class HTTPRequest {
 				}
 			}
 			catch (e) {
+				console.log(e);
 				errorCallback(response, response.status, e);
 				return;
 			}
@@ -101,6 +102,7 @@ class HTTPRequest {
 				}
 			}
 			catch (e) {
+				console.log(e);
 				if (typeof errorCallback != 'undefined' && errorCallback != null) {
 					errorCallback(response, response.status, e);
 				}
@@ -170,6 +172,7 @@ class HTTPRequest {
 				}
 			}
 			catch (e) {
+				console.log(e);
 				errorCallback(response, response.status, e);
 				return;
 			}

package/package.json

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

package/{todos/select_all.js → select_all.js}

@@ -114,19 +114,4 @@ class SelectAll {
 	}
 }
 
-$(function() {
-	// Dans un form-group
-	$('a.check_all').each(function(idx, link) {
-		SelectAll.initLinkInFormGroup($(link));
-	});
-
-	// Dans tableau
-	$('table tr input.check_all').each(function(idx, inputCheckAll) {
-		SelectAll.initInTable($(inputCheckAll).closest('table'));
-	});
-
-	// Dans un div
-	$('div.checkbox_with_check_all').each(function(idx, div) {
-		SelectAll.initDiv($(div));
-	});
-});
+module.exports = { SelectAll };

package/shopping_cart.js

@@ -0,0 +1,32 @@
+class ShoppingCart {
+	static addProduct(productId, quantity, data) {
+		let cart = this.getCart();
+		let item = cart.find(element => element.product_id == productId);
+		if (typeof item != 'undefined') {
+			cart.unsetVal(item);
+			quantity += item.quantity;
+		}
+		cart.push({product_id: productId, quantity: quantity, data: data});
+		localStorage.setItem('cart', JSON.stringify(cart));
+	}
+
+	static deleteProduct(productId) {
+		let cart = this.getCart();
+		cart.unsetVal(cart.find(element => element.product_id == productId));
+		localStorage.setItem('cart', JSON.stringify(cart));
+	}
+
+	static removeAllItems() {
+		localStorage.removeItem('cart');
+	}
+
+	static getCart() {
+		let cart = [];
+		if (localStorage.getItem('cart') != null) {
+			cart = JSON.parse(localStorage.getItem('cart'));
+		}
+		return cart;
+	}
+}
+
+module.exports = { ShoppingCart };

package/.idea/helpers-js.iml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/helpers-js.iml" filepath="$PROJECT_DIR$/.idea/helpers-js.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$" vcs="Git" />
-  </component>
-</project>