zet-lib 1.3.34 → 1.3.36

package/lib/Form.js

@@ -968,9 +968,23 @@ Form.modal = (obj, LANGUAGE = {}) => {
         </div>
     </div>
   </div>
+</div>`
+  let modalFields4 = `
+<div class="modal fade" id="grid-delete-all" tabindex="-1" aria-labelledby="grid-delete-all-label" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5">Delete selected data</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <button title="Delete All" style="background-color: #DC4C64; color:white" class="btn btn-save-delete-selected boxy-small dimens2x image-button" type="button"><img src="/assets/icons/http-delete.svg" class="icons-bg-white"> Delete selected data</button>
+      </div>
+    </div>
+  </div>
 </div>`
   try {
-    return modalFields + modalFields2 + modalFields3
+    return modalFields + modalFields2 + modalFields3 + modalFields4
   } catch (err) {
     console.log(err)
   }

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/zAppRouter.js

@@ -1280,6 +1280,37 @@ router.post('/zlock-unlock/:table', async (req, res) => {
   res.json(json)
 })
 
+router.post('/zdeleted-selected/:table', async (req, res) => {
+  let json = Util.jsonSuccess('Success')
+  let table = req.params.table
+  let cacheRoles = myCache.get('ROLES')
+  let roleId = res.locals.roleId
+  let myrole = cacheRoles[roleId]
+  let tableRole = myrole.params[table] || []
+  let hasAccess = tableRole.includes('lock') ? true : false
+  if (hasAccess) {
+    let type = req.body.type
+    let datas = req.body.datas || []
+    if (datas.length > 0) {
+      for (const data of datas) {
+        let id = data.name.replace('ck[', '').replace(']', '')
+        await connection.delete({
+          table: table,
+          where: {
+            id: id,
+          },
+        })
+      }
+    } else {
+      json = Util.flashError('No Data')
+    }
+  } else {
+    json = Util.flashError('No Access')
+  }
+
+  res.json(json)
+})
+
 router.post('/zapproval-update/:table', async (req, res) => {
   let json = Util.jsonSuccess('Success')
   let table = req.params.table

package/lib/zRole.js

@@ -23,7 +23,7 @@ if (cacheRoutes && cacheRoutes.length) {
  Default actions
  you can additional here
  */
-a.actions = ['index', 'create', 'update', 'delete', 'view', 'import', 'export', 'approval', 'lock']
+a.actions = ['index', 'create', 'update', 'delete', 'delete_all', 'view', 'import', 'export', 'approval', 'lock']
 
 /*
  all in table roles

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/lib/zdataTable.js

@@ -156,7 +156,10 @@ class dataTable {
       html += `<button title="${LANGUAGE.import_info}" class="btn buttons-copy buttons-html5 copy gridimport boxy-small dimens2x image-button" type="button"><img src="/assets/icons/database-import.svg" class="icons-bg-black"> </span></span></button>`
     }
     if (this.levels.lock) {
-      html += `<button title="Lock/Unlock" style="background-color: #332D2D; color:white" class="btn btn-danger buttons-lock buttons-html5 copy gridlock boxy-small dimens2x image-button"  data-bs-toggle="modal" data-bs-target="#grid-lock" type="button"><img src="/assets/icons/cloud-lock.svg" class="icons-bg-white"> </span></span></button>`
+      html += `<button title="Lock/Unlock" style="background-color: #E4A11B; color:white" class="btn btn-danger buttons-lock buttons-html5 copy gridlock boxy-small dimens2x image-button"  data-bs-toggle="modal" data-bs-target="#grid-lock" type="button"><img src="/assets/icons/lock-check.svg" class="icons-bg-white"> </span></span></button>`
+    }
+    if (this.levels.delete_all) {
+      html += `<button title="Lock/Unlock" style="background-color: #DC4C64; color:white" class="btn btn-danger buttons-lock buttons-html5 copy griddeleteall boxy-small dimens2x image-button"  data-bs-toggle="modal" data-bs-target="#grid-delete-all" type="button"><img src="/assets/icons/http-delete.svg" class="icons-bg-white"> </span></span></button>`
     }
     if (this.hasLevels) {
       html += `<button title="Approval" style="background-color: #E4A11B; color:white" class="btn buttons-html5 boxy-small dimens2x image-button"  data-bs-toggle="modal" data-bs-target="#grid-approval" type="button"><img src="/assets/icons/rubber-stamp.svg" class="icons-bg-white"> </span></span></button>`
@@ -302,6 +305,20 @@ $(".btn-save-unlock").on("click", function () {
     })
 })
 
+$(".btn-save-delete-selected").on("click", function () {
+    if(window.confirm("sure to delete selected data ?")) {
+        ajaxPost('/zdeleted-selected/${this.MYMODEL.table}', {
+            type : 1,
+            datas: $(".ck").serializeArray()
+        }, function (data) {
+            toastrForm(data);
+            if(data.status ==1) {
+                location.href='';
+            }
+        })
+    }
+})
+
 $("#zgrid_default_type").val(${this.gridType});
 
 })</script>${Util.newLine}`

package/package.json

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