zet-lib 1.3.33 → 1.3.35

package/lib/Form.js

@@ -232,42 +232,52 @@ Form.field = (obj) => {
       break
 
     case 'select':
+      var please_select = obj.please_select
+      if (please_select != undefined) {
+        if (please_select != '') {
+          selects += `<option value="">${please_select}</option>`
+        }
+      }
       if (obj.hasOwnProperty('array')) {
         var items = obj.array || []
-        var please_select = obj.please_select
-        if (please_select != undefined) {
-          if (please_select != '') {
-            selects += `<option value="">${please_select}</option>`
-          }
-        }
         if (items.length) {
           items.forEach(function (item) {
-            const selected = item.value == value ? ' selected ' : ''
-            selects += `<option value="${item.value}" ${selected}>${item.label}</option>`
+            if (item.label) {
+              const selected = item.value == value ? ' selected ' : ''
+              selects += `<option value="${item.value}" ${selected}>${item.label}</option>`
+            }
           })
         } else {
           if (Array.isArray(data)) {
             data.map((item) => {
-              var selected = item.id == value ? ' selected ' : ''
-              selects += `<option value="${item.id}" ${selected}>${item.zname}</option>`
+              if (item.zname) {
+                var selected = item.id == value ? ' selected ' : ''
+                selects += `<option value="${item.id}" ${selected}>${item.zname}</option>`
+              }
             })
           } else {
             for (var keys in data) {
-              var selected = keys == value ? ' selected ' : ''
-              selects += `<option value="${keys}" ${selected}>${data[keys]}</option>`
+              if (data[keys]) {
+                var selected = keys == value ? ' selected ' : ''
+                selects += `<option value="${keys}" ${selected}>${data[keys]}</option>`
+              }
             }
           }
         }
       } else {
         if (Array.isArray(data)) {
           data.map((item) => {
-            const selected = item.id == value ? ' selected ' : ''
-            selects += `<option value="${item.id}" ${selected}>${item.zname}</option>`
+            if (item.zname) {
+              const selected = item.id == value ? ' selected ' : ''
+              selects += `<option value="${item.id}" ${selected}>${item.zname}</option>`
+            }
           })
         } else {
           for (let keys in data) {
-            let selected = keys == value ? ' selected ' : ''
-            selects += `<option value="${keys}" ${selected}>${data[keys]}</option>`
+            if (data[keys]) {
+              let selected = keys == value ? ' selected ' : ''
+              selects += `<option value="${keys}" ${selected}>${data[keys]}</option>`
+            }
           }
         }
       }

package/lib/moduleLib.js

@@ -63,6 +63,30 @@ m.datepicker = function (req, res, elem) {
   }
 }
 
+//module for selectize
+//https://selectize.dev
+//https://github.com/selectize/selectize.js
+m.selectize = function (req, res, elem) {
+  let script = ''
+  let head = ``
+  let end = ``
+  elem = elem || '.selectize'
+  head += '<link href="/modules/selectizejs/css/selectize.bootstrap5.css" rel="stylesheet">'
+  end += '<script src="/modules/selectizejs/js/selectize.min.js"></script>'
+
+  script += `$(() => {
+    $('${elem}').selectize({
+      sortField: 'text'
+    });
+  });`
+
+  return {
+    head: head,
+    end: end,
+    script: script,
+  }
+}
+
 //module for dropzone
 m.dropzone = function (req, res, elem) {
   let script = ''

package/lib/zRoute.js

@@ -3370,6 +3370,7 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
   let mapKey = ''
   let hasAttributes = []
   let joinsFields = []
+  let selectize = []
   if (MYMODEL.joins) {
     joinsFields = MYMODEL.joins.list
   }
@@ -3439,6 +3440,10 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
         if (widgets[key].isAttributes) {
           hasAttributes.push(key)
         }
+        //add search on select
+        if (widgets[key].isSearch) {
+          selectize.push(key)
+        }
       }
     }
   }
@@ -3478,9 +3483,14 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
     headObj.datetimepicker = datetimepickerObj.head
     endObj.datetimepicker = datetimepickerObj.end
   }
-  /*if (hasTable) {
-      scriptForm += moduleLib.script(req, res, MYMODEL.table);
-  }*/
+  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) {
     let ideCDNObj = moduleLib.ideCDN(req, res)
     //scriptForm += ideCDNObj.script;

package/package.json

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