zet-lib 3.1.4 → 3.1.5

package/lib/zRoute.js

@@ -4167,6 +4167,8 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let hasLocation = false;
   let hasDragdrop = false;
   let hasDropbox = false;
+  let hasDropdownMulti = false;
+  let hasSelectize = false;
   let lexicals = [];
   let mapKey = "";
   let hasAttributes = [];
@@ -4182,6 +4184,8 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
         hasDatePicker = true;
       } else if (widgets[key].name == "number") {
         hasNumber = true;
+      } else if (widgets[key].name == "dropdown_multi") {
+        hasDropdownMulti = true;
       } else if (widgets[key].name == "money") {
         hasNumber = true;
         moneys.push(key);
@@ -4261,6 +4265,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
         //add search on select
         if (widgets[key].isSearch) {
           selectize.push(key);
+          hasSelectize = true;
         }
       }
     }
@@ -4363,12 +4368,15 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     headObj.datetimepicker = datetimepickerObj.head;
     endObj.datetimepicker = datetimepickerObj.end;
   }
+  if(hasSelectize || hasDropdownMulti) {
+    let selectizeObject = moduleLib.selectize(req, res);
+    headObj.selectize = selectizeObject.head;
+    endObj.selectize = selectizeObject.end;
+  }
   if (selectize.length > 0) {
     selectize.map((item) => {
       let selectizeObj = moduleLib.selectize(req, res, `#${item}`);
       scriptForm += selectizeObj.script;
-      headObj.selectize = selectizeObj.head;
-      endObj.selectize = selectizeObj.end;
     });
   }
   if (hasIde) {
@@ -4643,6 +4651,50 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
           break;
 
         case "dropdown_multi":
+          scriptForm += `$(document).ready(function () {
+        var $${keys}Select = $('#${keys}');
+        if ($${keys}Select.length && typeof $.fn.selectize !== 'undefined') {
+            if (!$${keys}Select[0].selectize) {
+                var isMultiple = $${keys}Select.hasClass('dropdown-multi');
+                if (isMultiple && !$${keys}Select.attr('multiple')) {
+                    $${keys}Select.attr('multiple', 'multiple');
+                }
+                var selectizeOptions = {
+                    plugins: isMultiple ? ['remove_button'] : [],
+                    delimiter: ',',
+                    persist: false,
+                    create: false,
+                    search: true,
+                    openOnFocus: true,
+                    closeAfterSelect: true,
+                    maxItems: 1,
+                    placeholder: 'Please select ${keys}',
+                    onType: function (str) {
+                        var results = this.search(str);
+                        if (results.length === 1) {
+                            var self = this;
+                            setTimeout(function () {
+                                self.setValue(results[0].value);
+                                self.close();
+                            }, 100);
+                        }
+                    }
+                };
+                $${keys}Select.selectize(selectizeOptions);
+            }
+        }
+        $(document).on('click', '#dropdownadd${keys}', function () {
+            var $select = $('#${keys}');
+            if ($select.length) {
+                var selectize = $select[0].selectize;
+                if (selectize) {
+                    selectize.clear();
+                } else {
+                    $select.val('').trigger('change');
+                }
+            }
+        });
+    });`
           scriptForm += ` $("#dropdownadd${keys}").on("click", function () {
         var val = $("#${keys}").val();
         if(val == ""){

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zet-lib",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "zet is a library that part of zet generator.",
   "engines": {
     "node": ">=18"