zet-lib 1.2.39 → 1.2.40

package/lib/Form.js

@@ -854,8 +854,38 @@ Form.modal = (obj, LANGUAGE = {}) => {
                     <img src="/assets/icons/send.svg" class="icons-bg-white"> ${LANGUAGE.apply || 'Apply'}
                 </button>`,
   })
+
+  let modalFields2 = `
+<div class="modal fade" id="grid-lock" tabindex="-1" aria-labelledby="grid-lock-label" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5" id="exampleModalLabel">Lock/Unlock</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <form>
+            <fieldset>
+              <div class="mb-3">
+                <div class="form-check">
+                  <input class="form-check-input" type="checkbox" id="check-all-grid">
+                  <label class="form-check-label" for="check-all-grid">
+                    Lock/UnLock All
+                  </label>
+                </div>
+              </div>
+            </fieldset>
+        </form>
+       
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-primary btn-save-lock"> ${LANGUAGE.apply || 'Apply'}</button>
+      </div>
+    </div>
+  </div>
+</div>`
   try {
-    return modalFields
+    return modalFields + modalFields2
   } catch (err) {
     console.log(err)
   }

package/lib/Util.js

@@ -1124,7 +1124,7 @@ Util.userAvatar = (img = '') => {
  MYSQL HELPER
  */
 Util.selectParser = (fields = [], MYMODEL = {}) => {
-  fields = fields.filter((e) => e !== 'actionColumn')
+  //fields = fields.filter((e) => e !== 'actionColumn')
   let virtuals = []
   let select = ''
   for (var key in MYMODEL.widgets) {
@@ -1138,6 +1138,8 @@ Util.selectParser = (fields = [], MYMODEL = {}) => {
       select += MYMODEL.widgets[item].fields + ','
     } else if (item === 'no') {
       arr.push('id')
+    } else if (item === 'actionColumn') {
+      arr.push('lock')
     } else {
       arr.push(item)
     }

package/lib/zAppRouter.js

@@ -1296,4 +1296,82 @@ router.get('/zdownload/zgenerator/:table', async (req, res) => {
   })
 })
 
+router.post('/zlock-unlock/:table', async (req, res) => {
+  let json = Util.jsonSuccess('Success')
+  var 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 datas = req.body.datas || []
+    if (datas.length > 0) {
+      for (const data of datas) {
+        let id = data.name.replace('lock[', '').replace(']', '')
+        let value = data.value
+        await connection.update({
+          table: table,
+          data: {
+            lock: value,
+          },
+          where: {
+            id: id,
+          },
+        })
+      }
+    } else {
+      json = Util.flashError('No Data')
+    }
+  } else {
+    json = Util.flashError('No Access')
+  }
+
+  res.json(json)
+})
+
+router.get('/addlock-fields', async (req, res) => {
+  let tables = await connection.query(connection.showTables)
+  for (const table of tables) {
+    let tablename = table.tablename
+    let sql = `ALTER TABLE ${tablename}  ADD COLUMN "lock" smallint DEFAULT 0 `
+    try {
+      await connection.query(sql)
+    } catch (e) {
+      console.log(e)
+    }
+  }
+  res.send(tables)
+})
+
+router.get('/addlock-models', async (req, res) => {
+  let text = ''
+  let results = await connection.results({
+    table: 'zfields',
+  })
+  for (const result of results) {
+    let labels = result.labels
+    let arr = Object.keys(labels)
+    if (!Util.in_array('lock', arr)) {
+      text += result.id + ' tidak ada'
+      labels.lock = 'Lock/Unlock'
+      try {
+        await connection.update({
+          table: 'zfields',
+          data: {
+            labels: JSON.stringify(labels),
+          },
+          where: {
+            id: result.id,
+          },
+        })
+      } catch (err) {
+        console.log(err)
+      }
+    }
+  }
+
+  res.send(text)
+})
+
 module.exports = router

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']
+a.actions = ['index', 'create', 'update', 'delete', 'view', 'import', 'export', 'approval', 'lock']
 
 /*
  all in table roles

package/lib/zRoute.js

@@ -859,88 +859,94 @@ zRoute.dataTableFilter = (MYMODEL, relations, filter) => {
   return dataTable
 }
 
-zRoute.dataTableData = (key, value, MYMODEL, relations) => {
+zRoute.dataTableData = (key, value, MYMODEL, relations, myid = '') => {
   relations = relations || {}
   var keyFields = key + 'Fields'
   var keyObject = key + 'Object'
   let myvalue = value
   var widgetName = MYMODEL.widgets[key] ? MYMODEL.widgets[key].name : ''
-  if (widgetName) {
-    switch (widgetName) {
-      case 'switch':
-        myvalue = relations[keyFields][value] || ''
-        break
+  if (key == 'lock') {
+    let selected1 = value != 1 ? 'selected' : ''
+    let selected2 = value == 1 ? 'selected' : ''
+    myvalue = `<select name="lock[${myid}]" class="lockdatagrid" id="lock${myid}"><option value="0" ${selected1}>Unlock</option><option value="1" ${selected2}>Lock</option></select>`
+  } else {
+    if (widgetName) {
+      switch (widgetName) {
+        case 'switch':
+          myvalue = relations[keyFields][value] || ''
+          break
 
-      case 'color':
-        myvalue = `<input type="color" value="${value}">`
-        break
+        case 'color':
+          myvalue = `<input type="color" value="${value}">`
+          break
 
-      case 'relation':
-        myvalue = relations[keyObject][value] || ''
-        break
+        case 'relation':
+          myvalue = relations[keyObject][value] || ''
+          break
 
-      case 'dropdown_multi':
-        let arr = value ? value : []
-        if (arr.length) {
-          let myarr = []
-          arr.forEach(function (item) {
-            myarr.push(relations[keyObject][item])
-          })
-          myvalue = myarr.length ? myarr.join(', ') : ''
-        }
-        break
+        case 'dropdown_multi':
+          let arr = value ? value : []
+          if (arr.length) {
+            let myarr = []
+            arr.forEach(function (item) {
+              myarr.push(relations[keyObject][item])
+            })
+            myvalue = myarr.length ? myarr.join(', ') : ''
+          }
+          break
 
-      case 'dropdown_chain':
-        myvalue = relations[key][value] || ''
-        break
+        case 'dropdown_chain':
+          myvalue = relations[key][value] || ''
+          break
 
-      case 'select':
-        myvalue = relations[keyFields][value] || ''
-        break
+        case 'select':
+          myvalue = relations[keyFields][value] || ''
+          break
 
-      case 'radio':
-        myvalue = relations[keyFields][value] || ''
-        break
+        case 'radio':
+          myvalue = relations[keyFields][value] || ''
+          break
 
-      case 'typeahead':
-        myvalue = relations[keyObject][value] || ''
-        break
+        case 'typeahead':
+          myvalue = relations[keyObject][value] || ''
+          break
 
-      case 'datetime':
-        myvalue = Util.timeSql(moment(value).utc(false))
-        break
+        case 'datetime':
+          myvalue = Util.timeSql(moment(value).utc(false))
+          break
 
-      case 'datepicker':
-        myvalue = Util.dateFormat(value, MYMODEL.widgets[key].format)
-        break
+        case 'datepicker':
+          myvalue = Util.dateFormat(value, MYMODEL.widgets[key].format)
+          break
 
-      case 'number':
-        myvalue = Util.formatNumber(value)
-        break
+        case 'number':
+          myvalue = Util.formatNumber(value)
+          break
 
-      case 'integer':
-        myvalue = value + ''
-        break
+        case 'integer':
+          myvalue = value + ''
+          break
 
-      case 'image':
-        myvalue = Util.fileView('/uploads/' + MYMODEL.routeName + '/', value, { width: 60 })
-        break
+        case 'image':
+          myvalue = Util.fileView('/uploads/' + MYMODEL.routeName + '/', value, { width: 60 })
+          break
 
-      case 'file':
-        myvalue = Util.fileView('/uploads/' + MYMODEL.routeName + '/', value)
-        break
+        case 'file':
+          myvalue = Util.fileView('/uploads/' + MYMODEL.routeName + '/', value)
+          break
 
-      case 'password':
-        myvalue = 'xxxxxx'
-        break
+        case 'password':
+          myvalue = 'xxxxxx'
+          break
 
-      case 'json':
-        myvalue = value ? JSON.stringify(value).replaceAll('","', '", "') : ''
-        break
+        case 'json':
+          myvalue = value ? JSON.stringify(value).replaceAll('","', '", "') : ''
+          break
 
-      default:
-        value = value || ''
-        myvalue = value.length > 50 ? value.substring(0, 50) : value
+        default:
+          value = value || ''
+          myvalue = value.length > 50 ? value.substring(0, 50) : value
+      }
     }
   }
   return myvalue
@@ -1819,7 +1825,7 @@ zRoute.listDataTable = async (req, res, objData = {}) => {
             let buttons = objData.hasOwnProperty('actionButtons') ? objData.actionButtons(levels, row, MYMODEL.table) : zRoute.actionButtons(levels, row, MYMODEL.table)
             arr.push(buttons)
           } else {
-            let data = objData.hasOwnProperty('datas') ? objData.data(item, row[item], MYMODEL, relations) : zRoute.dataTableData(item, row[item], MYMODEL, relations)
+            let data = objData.hasOwnProperty('datas') ? objData.data(item, row[item], MYMODEL, relations) : zRoute.dataTableData(item, row[item], MYMODEL, relations, row.id)
             arr.push(data)
           }
         })
@@ -1929,7 +1935,7 @@ zRoute.listData = async (req, res, MYMODEL, zRole, actionButtonsFn) => {
           let buttons = !actionButtonsFn(levels, row, MYMODEL.table) ? zRoute.actionButtons(levels, row, MYMODEL.table) : actionButtonsFn(levels, row, MYMODEL.table)
           arr.push(buttons)
         } else {
-          arr.push(zRoute.dataTableData(item, row[item], MYMODEL, relations))
+          arr.push(zRoute.dataTableData(item, row[item], MYMODEL, relations, row.id))
         }
       })
       datas.push(arr)
@@ -1953,14 +1959,30 @@ zRoute.actionButtons = (levels, row, table, callback = null) => {
   let arr = []
   let obj = {}
   if (levels.delete) {
-    let icon_delete = `<span class="icon-small icons-danger" title="${LANGUAGE.delete}" ><img data-id="${row.id}" class="icons-bg-white griddelete icon-image" src="/assets/icons/trash-filled.svg"></span>`
-    arr.push(icon_delete)
-    obj['delete'] = icon_delete
+    if (row.hasOwnProperty('lock')) {
+      if (row.lock != 1) {
+        let icon_delete = `<span class="icon-small icons-danger" title="${LANGUAGE.delete}" ><img data-id="${row.id}" class="icons-bg-white griddelete icon-image" src="/assets/icons/trash-filled.svg"></span>`
+        arr.push(icon_delete)
+        obj['delete'] = icon_delete
+      }
+    } else {
+      let icon_delete = `<span class="icon-small icons-danger" title="${LANGUAGE.delete}" ><img data-id="${row.id}" class="icons-bg-white griddelete icon-image" src="/assets/icons/trash-filled.svg"></span>`
+      arr.push(icon_delete)
+      obj['delete'] = icon_delete
+    }
   }
   if (levels.update) {
-    let icon_update = `<span class="icon-small icons-primary" title="${LANGUAGE.update}" ><img data-id="${row.id}" class="icons-bg-white gridupdate icon-image" src="/assets/icons/edit.svg"></span>`
-    arr.push(icon_update)
-    obj['update'] = icon_update
+    if (row.hasOwnProperty('lock')) {
+      if (row.lock != 1) {
+        let icon_update = `<span class="icon-small icons-primary" title="${LANGUAGE.update}" ><img data-id="${row.id}" class="icons-bg-white gridupdate icon-image" src="/assets/icons/edit.svg"></span>`
+        arr.push(icon_update)
+        obj['update'] = icon_update
+      }
+    } else {
+      let icon_update = `<span class="icon-small icons-primary" title="${LANGUAGE.update}" ><img data-id="${row.id}" class="icons-bg-white gridupdate icon-image" src="/assets/icons/edit.svg"></span>`
+      arr.push(icon_update)
+      obj['update'] = icon_update
+    }
   }
   if (levels.view) {
     let icon_view = `<span class="icon-small icons-light" title="${LANGUAGE.view}" ><img data-id="${row.id}" class="icons-bg-black gridview icon-image" src="/assets/icons/eye.svg"></span>`
@@ -3402,8 +3424,12 @@ zRoute.deleteSQL = async (table, id, company_id) => {
       where: where,
     })
     if (results.length) {
-      await connection.delete({ table: table, where: where })
-      zRoute.modelsCacheRenew(table, company_id)
+      if (results[0].lock == 1) {
+        throw Error('Data is locked')
+      } else {
+        await connection.delete({ table: table, where: where })
+        zRoute.modelsCacheRenew(table, company_id)
+      }
     } else {
       throw Error('Data not found')
     }

package/lib/zdataTable.js

@@ -86,8 +86,11 @@ class dataTable {
     if (this.levels.create) {
       html += `<button title="${LANGUAGE.create_info}" class="btn create gridadd image-button boxy-small dimens2x" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/plus.svg" class="icons-bg-black"> ${LANGUAGE.create}</button>`
     }
-    if (this.levels.import) {
-      html += `<button title="${LANGUAGE.import_info}" class="btn buttons-copy buttons-html5 copy gridimport boxy-small dimens2x image-button" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/database-import.svg" class="icons-bg-black"> ${LANGUAGE.import}</span></span></button>`
+    if (this.levels.lock) {
+      html += `<button title="Lock/Unlock" style="background-color: #3B71CA; color:white" class="btn btn-danger buttons-lock buttons-html5 copy gridlock boxy-small dimens2x image-button" tabindex="0"  data-bs-toggle="modal" data-bs-target="#grid-lock" type="button"><img src="/assets/icons/cloud-lock.svg" class="icons-bg-white"> Lock/Unlock</span></span></button>`
+    }
+    if (this.levels.lock) {
+      html += `<button title="Lock/Unlock" style="background-color: #3B71CA; color:white" class="btn btn-danger buttons-lock buttons-html5 copy gridlock boxy-small dimens2x image-button" tabindex="0" style="color: "  type="button"><img src="/assets/icons/cloud-lock.svg" class="icons-bg-white"> Lock/Unlock</span></span></button>`
     }
     html += `<button title="${LANGUAGE.settings}" class="btn buttons-excel buttons-html5 setting gridsettings boxy-small dimens2x image-button" tabindex="0" aria-controls="DataTables_Table_0" type="button" data-bs-toggle="modal" data-bs-target="#grid-modal"><img src="/assets/icons/settings.svg" class="icons-bg-black"> ${LANGUAGE.settings}</button>`
     html += `<button class="btn refresh gridreload boxy-small dimens2x image-button" title="${LANGUAGE.grid_refresh}" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/refresh.svg" class="icons-bg-black"></button>`
@@ -117,9 +120,12 @@ class dataTable {
       html += `<button title="${LANGUAGE.create_info}" class="btn create gridadd image-button boxy-small dimens2x" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/plus.svg" class="icons-bg-black"> ${LANGUAGE.create}</button>`
     }
     if (this.levels.import) {
-      html += `<button title="${LANGUAGE.import_info}" class="btn buttons-copy buttons-html5 copy gridimport boxy-small dimens2x image-button" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/database-import.svg" class="icons-bg-black"> ${LANGUAGE.import}</span></span></button>`
+      html += `<button title="${LANGUAGE.import_info}" class="btn buttons-copy buttons-html5 copy gridimport boxy-small dimens2x image-button" tabindex="0"  type="button"><img src="/assets/icons/database-import.svg" class="icons-bg-black"> ${LANGUAGE.import}</span></span></button>`
     }
-    html += `<button title="${LANGUAGE.settings}" class="btn buttons-excel buttons-html5 setting gridsettings boxy-small dimens2x image-button" tabindex="0" aria-controls="DataTables_Table_0" type="button" data-bs-toggle="modal" data-bs-target="#grid-modal"><img src="/assets/icons/settings.svg" class="icons-bg-black"> ${LANGUAGE.settings}</button>`
+    if (this.levels.lock) {
+      html += `<button title="Lock/Unlock" style="background-color: #3B71CA; color:white" class="btn btn-danger buttons-lock buttons-html5 copy gridlock boxy-small dimens2x image-button" tabindex="0"  data-bs-toggle="modal" data-bs-target="#grid-lock" type="button"><img src="/assets/icons/cloud-lock.svg" class="icons-bg-white"> Lock/Unlock</span></span></button>`
+    }
+    html += `<button title="${LANGUAGE.settings}" class="btn buttons-excel buttons-html5 setting gridsettings boxy-small dimens2x image-button" tabindex="0"  type="button" data-bs-toggle="modal" data-bs-target="#grid-modal"><img src="/assets/icons/settings.svg" class="icons-bg-black"> ${LANGUAGE.settings}</button>`
     html += `<button class="btn refresh gridreload boxy-small dimens2x image-button" title="${LANGUAGE.grid_refresh}" tabindex="0" aria-controls="DataTables_Table_0" type="button"><img src="/assets/icons/refresh.svg" class="icons-bg-black"></button>`
     if (this.levels.export) {
       html += `<div class="btn-group" role="group">
@@ -173,10 +179,29 @@ class dataTable {
           `
       }
     }
-
     if (typeaheadScript) {
       script += `<script type="text/javascript">$(function () {${typeaheadScript}})</script>${Util.newLine}`
     }
+    script += `<script type="text/javascript">
+        function checkthisgrid() {$(".lockdatagrid").val("1");}
+        function uncheckthisgrid() {$(".lockdatagrid").val("0");}
+$(function () {$("#check-all-grid").on('click', function () {
+    if($(this).is(':checked')) {
+        checkthisgrid();
+    } else {
+        uncheckthisgrid();
+    }
+})
+$(".btn-save-lock").on("click", function () {
+    ajaxPost('/zlock-unlock/${this.MYMODEL.table}', {
+        datas: $(".lockdatagrid").serializeArray()
+    }, function (data) {
+        toastrForm(data);
+        if(data.status ==1) {
+            location.href='';
+        }
+    })
+})})</script>${Util.newLine}`
 
     return script
   }

package/package.json

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