zet-lib 1.2.78 → 1.2.80

package/lib/Form.js

@@ -448,6 +448,31 @@ Form.field = (obj) => {
       displayForm = obj.html
       break
 
+    case 'dropzone':
+      displayForm = `${prepend}<div ${tabindex}  ${style}  type="text" ${classview} ${id}  ${htmlOptions}><label for="files" class="dropzone-container">
+        <div class="dz-message" data-dz-message><div class="file-icon"><span class="icon-small icons-primary"><img class="icons-bg-white icon-image-large" src="/assets/icons/file-plus.svg"></span></div>
+                        <div class="text-center pt-3 px-5">
+                            <p class="w-80 h5 text-dark fw-bold">Drag your documents, photos or videos here to start uploading.</p>
+                        </div></div>
+                    </label></div>${information}${append}`
+      break
+
+    case 'dropzoneview':
+      displayForm = `<div class="boxy-tiny">`
+      if (obj.value && obj.value.length > 0) {
+        obj.value.map((item) => {
+          let extFile = Util.fileExtension(item)
+          let filename = `/uploads/${obj.table}/${obj.key}/${item}`
+          if (extFile.type == 'image') {
+            displayForm += `<img src="${filename}" class="boxy zoom mx-2 my-2" width="200px">`
+          } else {
+            displayForm += Util.fileView(`/uploads/${obj.table}/${obj.key}/`, filename, { withIcon: true })
+          }
+        })
+      }
+      displayForm += `</div>`
+
+      break
     default:
       displayForm = `${prepend}${inputGroupLeft}<input ${disabled} autocomplete="nope" autofocus=""  ${readonly}  ${tabindex}  type="${type}" ${classview}  ${id} ${name} ${placeholder}   ${required} value="${value}" data-t="${value}"  ${htmlOptions}>${inputGroupRight}${information}${append}`
       break

package/lib/moduleLib.js

@@ -63,6 +63,21 @@ m.datepicker = function (req, res, elem) {
   }
 }
 
+//module for dropzone
+m.dropzone = function (req, res, elem) {
+  let script = ''
+  let head = ``
+  let end = ``
+  elem = elem || '.dropzone'
+  head += '<link href="/modules/dropzone/dropzone.css" rel="stylesheet">'
+  end += '<script src="/modules/dropzone/dropzone.min.js"></script>'
+
+  return {
+    head: head,
+    end: end,
+    script: script,
+  }
+}
 //module for datepicker
 m.datetimepicker = function (req, res, elem) {
   let script = ''

package/lib/zAppRouter.js

@@ -8,7 +8,7 @@ const access = require('./access')
 const myCache = require('./cache')
 const Util = require('./Util')
 const moment = require('moment')
-const fs = require('fs')
+const fs = require('fs-extra')
 const moduleLib = require('./moduleLib')
 var env = process.env.NODE_ENV || 'development'
 var ecosystem = require(`${dirRoot}/ecosystem.config.js`)
@@ -19,6 +19,7 @@ const Mail = require('./Mail')
 const zCache = require('./zCache')
 const pm2 = require('pm2')
 const zFunction = require('./zFunction')
+const qs = require('qs')
 
 /*
  ajax Post
@@ -1388,11 +1389,11 @@ router.post('/zapproval-update/:table', async (req, res) => {
             approval_status: value,
             approval_history: Util.array_to_jsonb(approval_history),
           }
-          if(+value >1 && +value <22) {
-            mydata.lock=1
+          if (+value > 1 && +value < 22) {
+            mydata.lock = 1
           }
-          if((+value === 22)) {
-            mydata.lock=0
+          if (+value === 22) {
+            mydata.lock = 0
           }
           await connection.update({
             table: table,
@@ -1511,4 +1512,55 @@ router.get('/addapproval-models', async (req, res) => {
   res.send(text)
 })
 
+//post dropzone widget
+router.post('/zdropzone', async (req, res) => {
+  let userId = res.locals.userId
+  console.log(req.body)
+  if (userId) {
+    let dir = `${dirRoot}/public/zdropzone/${userId}`
+    fs.ensureDir(dir, (err) => {
+      //console.log('ensureDir',err); // => null
+    })
+    let filename = req.files.file.name
+    req.files.file.mv(dir + '/' + filename, function (err) {
+      if (err) {
+        //console.log('fileempty move',err); // => null
+        return res.status(500).send(err)
+      }
+    })
+  }
+  res.json('ok')
+})
+
+router.post('/zdropzone-remove', async (req, res) => {
+  try {
+    let userId = res.locals.userId
+    console.log(req.body)
+    let filename = `${dirRoot}/public/zdropzone/${userId}/${req.body.file}`
+    await fs.unlink(filename)
+  } catch (e) {}
+  res.json('ok')
+})
+router.post('/zdropzone-attributes', async (req, res) => {
+  try {
+    let userId = res.locals.userId
+    let body = req.body
+    let category = body.category
+    let name = `dropzone__${userId}__${body.table}__${body.field}__${body.type}`
+    let arr = []
+    if (myCache.has(name)) {
+      arr = myCache.get(name)
+    }
+    if (category === 'add') {
+      arr.push(body.file)
+    } else {
+      Util.arrayDelete(arr, body.file)
+    }
+    myCache.set(name, arr)
+  } catch (e) {
+    console.log(e)
+  }
+  res.json('ok')
+})
+
 module.exports = router

package/lib/zRoute.js

@@ -122,6 +122,7 @@ zRoute.post = (req, res, MYMODEL, routeName, body) => {
   fs.ensureDir(path_tmp, (err) => {
     //console.log('ensureDir',err); // => null
   })
+
   if (!isEmptyFiles) {
     files = qs.parse(req.files)
     let fileRoute = files[routeName]
@@ -2308,6 +2309,10 @@ zRoute.forms = (req, res, MYMODEL, relations, data = {}) => {
         case 'email':
           obj.type = 'email'
           break
+        case 'dropzone':
+          obj.type = 'dropzone'
+          obj.class = 'dropzone boxy-tiny d-block'
+          break
         case 'lexical':
           obj.type = 'lexical'
           if (obj.value) {
@@ -2666,6 +2671,13 @@ zRoute.viewForm = (req, res, MYMODEL, relations, data = {}, MODEL_TABLE = {}, ke
           obj[key].type = 'text'
           obj[key].value = relations[key + 'Object'][data[key]] || ''
           break
+
+        case 'dropzone':
+          obj[key].type = 'dropzoneview'
+          obj[key].value = data[key] || []
+          obj[key].table = MYMODEL.table
+          obj[key].key = key
+          break
       }
     }
     //forms.build[key] = cForm.build(obj[key]);
@@ -2985,6 +2997,8 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
   let hasClockPicker = false
   let hasEditor = false
   let hasDateTimePicker = false
+  let hasDropzone = false
+  let dropzones = []
   let hasTable = false
   let chainsObj = {}
   let chainsArr = []
@@ -3034,6 +3048,9 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
       lexicals.push(key)
     } else if (widgets[key].name == 'tinymce') {
       hasTinymce = true
+    } else if (widgets[key].name == 'dropzone') {
+      hasDropzone = true
+      dropzones.push(key)
     }
     // has chains
     if (widgets[key].name == 'relation') {
@@ -3067,6 +3084,12 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
     headObj.clockpicker = clockpickerObj.head
     endObj.clockpicker = clockpickerObj.end
   }
+  if (hasDropzone) {
+    let dropzoneObj = moduleLib.dropzone(req, res)
+    headObj.dropzone = dropzoneObj.head
+    endObj.dropzone = dropzoneObj.end
+    scriptForm += `Dropzone.autoDiscover = false;`
+  }
   if (hasEditor) {
     let editorObj = moduleLib.editor(req, res)
     scriptForm += editorObj.script
@@ -3156,11 +3179,36 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = '', data = {}) => {
                 }
             })
         });
-      })
-      
+      });
+     
       `
   }
 
+  if (hasDropzone) {
+    dropzones.map((item) => {
+      scriptForm += `$("div#${item}").dropzone({
+    url: "/zdropzone",
+    addRemoveLinks: !0,
+    maxFilesize: 30,
+    headers: {"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content")},
+    removedfile: function(file) {
+        ajaxPost("/zdropzone-remove",{file:file.name},(data) => {
+            file.previewElement.remove();
+        })
+    },
+    init: function() {
+        let type = window.location.href.split("/").pop();
+        this.on("addedfile", function(file) {
+            ajaxPost("/zdropzone-attributes",{file:file.name,'category':'add',field:"${item}",table:"${MYMODEL.table}", type:type},() => {})
+        });
+        this.on("removedfile", function(file) {
+            ajaxPost("/zdropzone-attributes",{file:file.name,'category':'remove',field:"${item}",table:"${MYMODEL.table}", type:type},() => {})
+        });
+    }
+}); `
+    })
+  }
+
   defaultScript = `${Util.newLine} $(function () {
         $(".isfile").each(function (index, value) {
             let filename = $(this).attr("data-filename") || "";
@@ -3455,12 +3503,43 @@ zRoute.insertSQL = async (req, res, table, data) => {
   const MYMODELS = myCache.get('MYMODELS')
   let MYMODEL = MYMODELS[table]
   let fields = MYMODEL.keys
+  let userId = res.locals.userId || 1
   if (fields.includes('company_id')) data.company_id = res.locals.companyId || 1
   if (fields.includes('updated_at')) data.updated_at = Util.now()
   if (fields.includes('created_at')) data.created_at = Util.now()
-  if (fields.includes('updated_by')) data.updated_by = res.locals.userId || 1
-  if (fields.includes('created_by')) data.created_by = res.locals.userId || 1
+  if (fields.includes('updated_by')) data.updated_by = userId
+  if (fields.includes('created_by')) data.created_by = userId
   delete data.lock
+  delete data.approval_status
+  delete data.approval_history
+
+  //check dropzone
+  let hasDropzone = false
+  for (let key in MYMODEL.widgets) {
+    if (MYMODEL.widgets[key].name === 'dropzone') {
+      console.log('has dropzone')
+      let path_src = dirRoot + '/public/zdropzone/' + userId + '/'
+      let path_dest = dirRoot + '/public/uploads/' + MYMODEL.routeName + '/' + key + '/'
+      fs.ensureDir(path_dest, (err) => {
+        //console.log('ensureDir',err); // => null
+      })
+      let name = `dropzone__${res.locals.userId}__${table}__${key}__create`
+      if (myCache.has(name)) {
+        let arr = myCache.get(name)
+        let newArr = []
+        if (arr.length > 0) {
+          let time = new Date().getTime()
+          arr.map((item) => {
+            let newItem = time + item
+            newArr.push(newItem)
+            fs.rename(path_src + item, path_dest + newItem)
+          })
+
+          data[key] = Util.array_to_jsonb(newArr)
+        }
+      }
+    }
+  }
   const result = await connection.insert({ table: table, data: data })
   zRoute.modelsCacheRenew(table, res.locals.companyId)
   return result
@@ -3523,6 +3602,8 @@ zRoute.updateSQL = async (req, res, table, data, whereData) => {
   delete data.created_at
   delete data.created_by
   delete data.lock
+  delete data.approval_status
+  delete data.approval_history
   if (result.lock != 1) {
     const myresult = await connection.update({ table: table, where: whereData, data: data })
     zRoute.modelsCacheRenew(table, res.locals.companyId)

package/package.json

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