@osimatic/helpers-js 1.1.57 → 1.1.59

package/flash_message.js

@@ -1,15 +1,15 @@
 class FlashMessage {
-	static displaySuccess(message, reload, modal=null) {
-		this.display('success', message, reload, modal);
+	static displaySuccess(message, reload=false, modal=null, onMessageHidden=null) {
+		this.display('success', message, reload, modal, onMessageHidden);
 	}
-	static displayWarning(message, modal=null) {
-		this.display('warning', message, false, modal);
+	static displayWarning(message, modal=null, onMessageHidden=null) {
+		this.display('warning', message, false, modal, onMessageHidden);
 	}
-	static displayError(message, modal=null) {
-		this.display('danger', message, false, modal);
+	static displayError(message, modal=null, onMessageHidden=null) {
+		this.display('danger', message, false, modal, onMessageHidden);
 	}
 
-	static display(type, message, reload, modal=null) {
+	static display(type, message, reload=false, modal=null, onMessageHidden=null) {
 		if (null !== modal) {
 			modal.modal('hide');
 		}
@@ -22,6 +22,9 @@ class FlashMessage {
 
 		setTimeout(function () {
 			$('div.snackbar').remove();
+			if (typeof onMessageHidden == 'function') {
+				onMessageHidden();
+			}
 		}, 6000);
 
 		if (true === reload) {

package/location.js

@@ -7,11 +7,11 @@ class Country {
 		return '<span><img src="'+Country.getFlagPath(countryCode)+'" alt="" title="'+Country.getCountryName(countryCode)+'" class="flag" /></span>'
 	}
 
-	static fillCountrySelect(select, defaultValue) {
+	static fillCountrySelect(select, defaultValue=null) {
 		if (select.children().length === 0) {
 			Object.entries(Country.getCountries()).forEach(([countryCode, countryName]) => select.append('<option value="' + countryCode + '">' + countryName + '</option>'));
 		}
-		if (typeof defaultValue != 'undefined') {
+		if (null != defaultValue) {
 			select.val(defaultValue);
 		}
 		if (typeof select.selectpicker != 'undefined') {
@@ -309,11 +309,7 @@ class PostalAddress {
 		});
 	}
 
-	static format(addressData, separator) {
-		if (typeof separator == 'undefined') {
-			separator = '<br/>';
-		}
-
+	static format(addressData, separator='<br/>') {
 		function empty(value) {
 			return typeof value == 'undefined' || value == null || value === '';
 		}

package/package.json

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

package/sortable_list.js

@@ -0,0 +1,36 @@
+class SortableList {
+	static init(sortableList, clientYOffset=0) {
+		const items = sortableList.find('[draggable="true"]');
+		items.get().forEach(item => {
+			$(item).on('dragstart', () => {
+				// Adding dragging class to an item after a delay
+				setTimeout(() => $(item).addClass('dragging'), 0);
+
+			});
+
+			// Removing dragging class from the item on the dragend event
+			$(item).on('dragend', () => $(item).removeClass('dragging'));
+		});
+
+		const initSortableList = (e) => {
+			e.preventDefault();
+
+			const draggingItem = sortableList.find('.dragging');
+
+			// Getting all items except currently dragging and making an array of them
+			const siblings = [...sortableList.find('[draggable="true"]:not(.dragging)').get()];
+
+			// Finding the sibling after which the dragging item should be placed
+			let nextSibling = siblings.find(sibling => {
+				//console.log(e.clientY, sibling.offsetTop + sibling.offsetHeight / 2, sibling.offsetTop, sibling.offsetHeight, sibling);
+				return e.clientY+clientYOffset <= sibling.offsetTop + sibling.offsetHeight / 2;
+			});
+
+			// Inserting the dragging item before the found sibling
+			sortableList.get()[0].insertBefore(draggingItem.get()[0], nextSibling);
+		};
+
+		sortableList.on('dragover', initSortableList);
+		sortableList.on('dragenter', e => e.preventDefault());
+	}
+}