@osimatic/helpers-js 1.0.78 → 1.0.81

package/form_helper.js

@@ -1,33 +1,54 @@
 class FormHelper {
-	static resetSelectOption(form, selectName) {
-		form.find('select[name="'+selectName+'"] option').prop('disabled', false).prop('selected', false);
-	}
-	static setSelectedSelectOption(form, selectName, optionValue) {
-		form.find('select[name="'+selectName+'"] option[value="'+optionValue+'"]').prop('selected', true);
-	}
-	static setSelectedSelectOptions(form, selectName, optionValues) {
-		$.each(optionValues, function(idx, id) {
-			FormHelper.setSelectedSelectOption(form, selectName, id);
-		});
-	}
-	static disableSelectOption(form, selectName, optionValue) {
-		form.find('select[name="'+selectName+'"] option[value="'+optionValue+'"]').prop('disabled', true);
-	}
-	static disableSelectOptions(form, selectName, optionValues) {
-		$.each(optionValues, function(idx, id) {
-			FormHelper.disableSelectOption(form, selectName, id);
+	static init(form, onSubmitCallback, submitButton) {
+		FormHelper.reset(form, submitButton);
+		submitButton = typeof submitButton != 'undefined' && null != submitButton ? submitButton : form.find('button[name="validate"]');
+		submitButton.off('click').click(function(e) {
+			e.preventDefault();
+			FormHelper.buttonLoader($(this), 'loading');
+			FormHelper.hideFormErrors(form);
+			onSubmitCallback(form, submitButton);
 		});
 	}
-	static countSelectOptions(form, selectName) {
-		return form.find('select[name="'+selectName+'"] option:not([disabled])').length;
-	}
 
 	static reset(form) {
 		form.find('[name]').each((idx, el) => $(el).val(''));
+		FormHelper.buttonLoader(form.find('button'), 'reset');
 		FormHelper.hideFormErrors(form);
 		return form;
 	}
 
+	static populateForm(form, data) {
+		form.find('[name="employees_display_type"][value="NONE"]').prop('checked', true); //todo à retirer
+
+		$.each(data, function(key, value) {
+			if (value == null) {
+				return;
+			}
+
+			if (typeof value == 'object') {
+				var select = form.find('[name="'+key+'[]"]');
+				select.find('option').prop('selected', false);
+				select.data('default_id', value.join(','));
+				$.each(value, function(key, val) {
+					select.find('option[value="'+val+'"]').prop('selected', true);
+				});
+				return;
+			}
+
+			var input = form.find('[name="'+key+'"]');
+
+			if (input.prop('type') === 'radio' || input.prop('type') === 'checkbox') {
+				input.prop('checked', false);
+				input.filter('[value="'+value+'"]').prop('checked', true);
+				return;
+			}
+
+			input.val(value);
+			// console.log(form.find('[name="'+key+'"]').length);
+		});
+	}
+
+
 	static getFormData(form) {
 		// var formElement = document.getElementById("myFormElement");
 		return new FormData(form[0]);
@@ -54,36 +75,57 @@ class FormHelper {
 	}
 
 
-	static populateForm(form, data) {
-		form.find('[name="employees_display_type"][value="NONE"]').prop('checked', true); //todo à retirer
-		
-		$.each(data, function(key, value) {
-			if (value == null) {
-				return;
-			}
 
-			if (typeof value == 'object') {
-				var select = form.find('[name="'+key+'[]"]');
-				select.find('option').prop('selected', false);
-				select.data('default_id', value.join(','));
-				$.each(value, function(key, val) {
-					select.find('option[value="'+val+'"]').prop('selected', true);
-				});
-				return;
-			}
+	// ------------------------------------------------------------
+	// Input text
+	// ------------------------------------------------------------
 
-			var input = form.find('[name="'+key+'"]');
+	static getInputValue(input) {
+		if (typeof input == 'undefined') {
+			return null;
+		}
+		let value = $(input).val();
+		if (value === null || value === '') {
+			return null;
+		}
+		return value;
+	}
 
-			if (input.prop('type') === 'radio' || input.prop('type') === 'checkbox') {
-				input.prop('checked', false);
-				input.filter('[value="'+value+'"]').prop('checked', true);
-				return;
-			}
+	static getLinesOfTextarea(textarea) {
+		return textarea.val().replace(/(\r\n|\n|\r)/g, "\n").split("\n").filter(word => word.length > 0);
+	}
 
-			input.val(value);
-			// console.log(form.find('[name="'+key+'"]').length);
+	// ------------------------------------------------------------
+	// Select
+	// ------------------------------------------------------------
+
+	static resetSelectOption(form, selectName) {
+		form.find('select[name="'+selectName+'"] option').prop('disabled', false).prop('selected', false);
+	}
+	static setSelectedSelectOption(form, selectName, optionValue) {
+		form.find('select[name="'+selectName+'"] option[value="'+optionValue+'"]').prop('selected', true);
+	}
+	static setSelectedSelectOptions(form, selectName, optionValues) {
+		$.each(optionValues, function(idx, id) {
+			FormHelper.setSelectedSelectOption(form, selectName, id);
 		});
 	}
+	static disableSelectOption(form, selectName, optionValue) {
+		form.find('select[name="'+selectName+'"] option[value="'+optionValue+'"]').prop('disabled', true);
+	}
+	static disableSelectOptions(form, selectName, optionValues) {
+		$.each(optionValues, function(idx, id) {
+			FormHelper.disableSelectOption(form, selectName, id);
+		});
+	}
+	static countSelectOptions(form, selectName) {
+		return form.find('select[name="'+selectName+'"] option:not([disabled])').length;
+	}
+
+
+	// ------------------------------------------------------------
+	// Checkbox
+	// ------------------------------------------------------------
 
 	static getCheckedValues(inputs) {
 		return inputs.map(function() {
@@ -105,21 +147,6 @@ class FormHelper {
 		}).get().filter(word => word.length > 0);
 	}
 
-	static getInputValue(input) {
-		if (typeof input == 'undefined') {
-			return null;
-		}
-		let value = $(input).val();
-		if (value === null || value === '') {
-			return null;
-		}
-		return value;
-	}
-
-	static getLinesOfTextarea(textarea) {
-		return textarea.val().replace(/(\r\n|\n|\r)/g, "\n").split("\n").filter(word => word.length > 0);
-	}
-
 
 	// ------------------------------------------------------------
 	// Champs
@@ -171,7 +198,7 @@ class FormHelper {
 	}
 
 	// ------------------------------------------------------------
-	// Messages
+	// Messages erreur
 	// ------------------------------------------------------------
 
 	static extractErrorKeyOfJson(json, onlyIfUniqueError) {
@@ -259,6 +286,10 @@ class FormHelper {
 	}
 
 
+	// ------------------------------------------------------------
+	// Bouton valider
+	// ------------------------------------------------------------
+
 	static buttonLoader(button, action) {
 		button = $(button);
 		if (action === 'start' || action === 'loading') {
@@ -287,19 +318,6 @@ class FormHelper {
 		return button;
 	}
 	
-	
-	
-	
-
-	/** @deprecated **/
-	static logRequestFailure(status, exception) {
-		console.log('request failure. Status: '+status+' ; Exception: '+exception);
-	}
-
-	/** @deprecated **/
-	static displayFormErrorsFromXhr(form, btnSubmit, xhr) {
-		this.displayFormErrors(form, btnSubmit, xhr.responseJSON);
-	}
 
 }
 

package/multiple_action_in_table.js

@@ -110,13 +110,15 @@ class MultipleActionInTable {
 class MultipleActionInDivList {
 // init checkbox
 	static init(contentDiv) {
-		// Si aucune div sélectionnable, on n'applique pas le plugin
-		if (!contentDiv.find('.multiple_action').length) {
+		let buttonsDiv = MultipleActionInDivList.getButtonsDiv(contentDiv);
+		if (buttonsDiv == null) {
 			return;
 		}
 
-		let buttonsDiv = MultipleActionInDivList.getButtonsDiv(contentDiv);
-		if (buttonsDiv == null) {
+		buttonsDiv.addClass('hide');
+
+		// Si aucune div sélectionnable, on n'applique pas le plugin
+		if (!contentDiv.find('.multiple_action').length) {
 			return;
 		}
 

package/package.json

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