zet-lib 1.3.21 → 1.3.23

package/lib/views/generator.ejs

@@ -91,10 +91,6 @@
                     <form id="formfields" method="post" action="/generator/fields">
                         <div id="divtablist" class="row"></div>
                         <div id="contentfields"></div>
-                        <div id="divjoinmodules">
-                            <h4>Join Modules</h4>
-                            <div class="row" id="joinlist"></div>
-                        </div>
                         <% if(lock==0) {%>
                             <div class="text-center mt-4">
                                 <button class="btn btn-danger btn-reset text-white mr-2" type="button"><i
@@ -109,7 +105,7 @@
                                 <!-- Basic dropdown -->
                                 <button class="btn btn-warning m-0 px-3 waves-effect waves-light mr-2"
                                     data-toggle="modal" data-target="#modal_joins" type="button"><i
-                                        class="fas fa-dice"></i> Join Module</button>
+                                        class="fas fa-dice"></i> Join Modules</button>
                                 <button class="btn m-0 px-3 waves-effect waves-light mr-2" data-toggle="modal"
                                     data-target="#modal_container" type="button"><i class="fa fa-plus"></i> Add
                                     Container</button>
@@ -120,13 +116,26 @@
                                     type="button"><i class="fa fa-paper-plane"></i> Save & Generate</button>
                             </div>
                             <%}%>
-
                     </form>
                     <!-- Default form reply -->
                 </div>
             </div>
             <!--/Generator-->
 
+            <div class="card mb-4 wow fadeIn card-script">
+                <div class="card-header font-weight-bold">
+                    <span> Join Modules</span>
+                </div>
+                <div class="card-body">
+                    <div id="divjoinmodules">
+                        <form id="formjoin">
+                            <div class="row" id="joinlist"></div>
+                        </form>
+                    </div>
+                    <hr>
+
+                </div>
+            </div>
 
             <!-- Card -->
             <div class="card mb-4 wow fadeIn card-script" style="display: none">
@@ -304,16 +313,12 @@
             </div>
         </div>
         <!--/.Card-->
-
     </div>
     </div>
     <!--Grid row-->
 </section>
 <!--Section: Post-->
 
-
-
-
 <!-- Modal -->
 <div class="modal fade" id="add_table" tabindex="-1" aria-labelledby="add_table" aria-hidden="true">
     <div class="modal-dialog">
@@ -445,7 +450,6 @@
 </div>
 
 
-
 <div class="modal fade" id="modal_tab" tabindex="-1" aria-labelledby="modal_setting" aria-hidden="true">
     <div class="modal-dialog">
         <div class="modal-content">
@@ -473,7 +477,7 @@
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Import zfield File</h5>
+                <h5 class="modal-title">Import zfield File</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i>
                 </button>
             </div>
@@ -501,7 +505,7 @@
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Add Container</h5>
+                <h5 class="modal-title">Add Container</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i>
                 </button>
             </div>
@@ -534,8 +538,9 @@
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="exampleModalLabel">Join Module</h5>
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i>
+                <h5 class="modal-title">Join Module</h5>
+                <button type="button" class="close" id="closejoin" data-dismiss="modal" aria-label="Close"><i
+                        class="fa fa-times"></i>
                 </button>
             </div>
             <div class="modal-body">

package/lib/views/generatorjs.ejs

@@ -270,7 +270,7 @@
       let html = ``
       let time = new Date().getTime()
       let col_md = `col-md-${12 / columncount}`
-      container_time = `container_${time}`
+      let container_time = `container_${time}`
       html += `<li class="container-nav"><i class="fa fa-arrows icon-float"></i><div class="row  mt-1 mb-1">`
       for (let i = 1; i <= columncount; i++) {
         html += `<div class="${col_md}" style="background-color: rgba(0,0,0,.03)" ><ol class="divboxlittle container-box"><li><i data-container="${container_time}" data-id="${i}" data-split="${columncount}" data-column="ONE_COLUMN" class="fa fa-plus-circle fa-2x add-container text-success"></i></li></ol> </div>`
@@ -406,6 +406,7 @@
           approvers: approvers,
           knowings: knowings,
           others: JSON.stringify(others),
+          joins: $('#formjoin').serializeArray(),
         },
         function (data) {
           if (data.status == 0) {
@@ -815,26 +816,6 @@
         })
       })
     }
-    /* let myobj = {}
-     let isContainer = Object.keys(obj).length ? true : false;
-     if(isContainer) {
-         for(let key in obj) {
-             let arr = obj[key] || [];
-             if(arr.length) {
-                 arr.forEach(function (item) {
-                     if(Array.isArray(item)) {
-                         let length = item.length;
-                         if(isEmpty(item)) {
-                             obj[key].splice(0,1);
-                         }
-                         console.log(length)
-                     }
-                 })
-             }
-         }
-     }
-     console.log(JSON.stringify(obj))*/
-
     others = obj
     return obj
   }
@@ -877,10 +858,11 @@
         )
       }
     })
+
     $("#modal-joins-save").on("click", function (e) {
       let table_join = $('#select_module_joins').val();
       let table = $('#table').val()
-      if (table == route) {
+      if (table == table_join) {
         toastr.error("Your selected module is equal with current module");
         return;
       }
@@ -894,6 +876,7 @@
           toastrForm(dt);
           if (dt.status == 1) {
             $("#joinlist").html(dt.html);
+            $("#closejoin").click();
           }
         }
       )
@@ -927,4 +910,19 @@
       }
     )
   }
+
+  function removeJoins(table_join) {
+    if (window.confirm('Sure to delete ?')) {
+      ajaxPost(
+        '/<%- routeName%>/remove-joins',
+        {
+          table: $('#table').val(),
+          table_join: table_join
+        },
+        function (dt) {
+          location.reload();
+        }
+      )
+    }
+  }
 </script>

package/lib/zGeneratorRouter.js

@@ -266,6 +266,7 @@ router.post('/save_and_generate', csrfProtection, async (req, res) => {
     if (nots.includes(req.body.table)) {
       return res.json(Util.flashError('Table is locked'))
     }
+    //console.log(JSON.stringify(req.body))
     const json = await generate(req, res)
     res.json(json)
   } catch (e) {
@@ -1015,6 +1016,7 @@ router.post('/load-form', async (req, res) => {
   res.json(json)
 })
 
+//save to table zfields
 var saveToZFields = async (body) => {
   const table = body.table
   let is_approval = body.is_approval
@@ -1049,6 +1051,29 @@ var saveToZFields = async (body) => {
     others: body.others,
   }
 
+  let joinsTables = {}
+  let bodyJoins = body.joins || []
+  let bodyJoinsObj = {}
+  if (bodyJoins.length > 0) {
+    bodyJoins.map((item) => {
+      bodyJoinsObj[item.name] = item.value
+    })
+  }
+  for (let key in bodyJoinsObj) {
+    if (key.includes('joins_checks___')) {
+      let tablekeys = key.split('___')
+      let keyName = key.replace('joins_checks___', '')
+      if (!joinsTables[tablekeys[1]]) {
+        joinsTables[tablekeys[1]] = []
+      }
+      joinsTables[tablekeys[1]].push({ key: keyName, value: bodyJoinsObj[`joins_labels___${keyName}`] })
+    }
+  }
+  //console.log(joinsTables);
+  if (Object.keys(joinsTables).length > 0) {
+    data.joins = JSON.stringify(joinsTables)
+  }
+
   await connection.update({
     table: 'zfields',
     data: data,
@@ -1344,112 +1369,156 @@ const viewsMini = async () => {
   return notifyObj
 }
 
-router.post('/load-joins', async(req,res) => {
-    let jsonNotif = Util.jsonSuccess("Success")
-    let html = '';
-    try {
-        let body = req.body;
-        console.log(body)
-        let table = body.table;
-        html = await loadJoins(table)
-        jsonNotif.html=html;
-    } catch (e) {
-        console.log(e)
-    }
-    res.json(jsonNotif)
+router.post('/load-joins', async (req, res) => {
+  let jsonNotif = Util.jsonSuccess('Success')
+  let html = ''
+  try {
+    let body = req.body
+    console.log(body)
+    let table = body.table
+    html = await loadJoins(table)
+    jsonNotif.html = html
+  } catch (e) {
+    console.log(e)
+  }
+  res.json(jsonNotif)
 })
 
-router.post('/joins', async(req,res) => {
-    let jsonNotif = Util.jsonSuccess("Success")
-    let html = '';
-    try {
-        let body = req.body;
-        console.log(body)
-        let table = body.table;
-        let table_join = body.table_join;
-        let result = await connection.result({
-            table:"zfields",
-            where : {
-                table:table
-            }
-        })
-        let joinsObj = result.joins || {}
-        joinsObj[table] = {}
-        await connection.update({
-            table: 'zfields',
-            data: {
-                joins:JSON.stringify(joinsObj)
-            },
-            where: {
-                table: table
-            },
-        })
-        jsonNotif.json=joinsObj
-        html = await joinHTML(joinsObj)
-    } catch (e) {
-        console.log(e)
-        jsonNotif = Util.flashError(e+'')
-    }
-    jsonNotif.html = html;
-    res.json(jsonNotif)
+router.post('/remove-joins', async (req, res) => {
+  let jsonNotif = Util.jsonSuccess('Success')
+  let html = ''
+  try {
+    let body = req.body
+    console.log(body)
+    let table = body.table
+    let table_join = body.table_join
+    let result = await connection.result({
+      table: 'zfields',
+      where: {
+        table: table,
+      },
+    })
+    let resultJoins = result.joins || {}
+    delete resultJoins[table_join]
+    await connection.update({
+      table: 'zfields',
+      data: {
+        joins: JSON.stringify(resultJoins),
+      },
+      where: {
+        table: table,
+      },
+    })
+  } catch (e) {
+    console.log(e)
+  }
+  res.json(jsonNotif)
+})
+
+router.post('/joins', async (req, res) => {
+  let jsonNotif = Util.jsonSuccess('Success')
+  let html = ''
+  try {
+    let body = req.body
+    console.log(body)
+    let table = body.table
+    let table_join = body.table_join
+    let result = await connection.result({
+      table: 'zfields',
+      where: {
+        table: table,
+      },
+    })
+    let resultJoins = result.joins || {}
+    resultJoins[table_join] = {}
+    let myzfield = await connection.update({
+      table: 'zfields',
+      data: {
+        joins: JSON.stringify(resultJoins),
+      },
+      where: {
+        table: table,
+      },
+    })
+    jsonNotif.json = resultJoins
+    html = await joinHTML(resultJoins, myzfield)
+  } catch (e) {
+    console.log(e)
+    jsonNotif = Util.flashError(e + '')
+  }
+  jsonNotif.html = html
+  res.json(jsonNotif)
 })
 
 async function loadJoins(table) {
-    let html = '';
-    try {
-        let result = await connection.result({
-            table:"zfields",
-            where : {
-                table:table
-            }
-        })
-        let joinsObj = result.joins || {}
-        html = await joinHTML(joinsObj)
-    } catch (e) {
-        console.log(e)
-        html = e + '';
-    }
-    return html;
+  let html = ''
+  try {
+    /*  let sql = `select ${table}.* from ${table}  `;
+    console.log(sql)*/
+    let result = await connection.result({
+      table: 'zfields',
+      where: {
+        table: table,
+      },
+    })
+    let joinsObj = result.joins || {}
+    html = await joinHTML(joinsObj, result)
+  } catch (e) {
+    console.log(e)
+    html = e + ''
+  }
+  return html
 }
 
-async function joinHTML(json) {
-    let html = ``
-    try {
-        let zfields = await connection.results({
-            table:"zfields"
-        })
-        let zfieldsObj = Util.arrayToObject(zfields,"table");
-        for(let key in json){
-            html += `<div class="joinContainer col-md-4">`
-            html += `<h5>${zfieldsObj[key].name} <button class="btn btn-danger" onclick="window.confirm('Sure to delete ?')"><i class="fa fa-trash "></i> </button></h5>`
-            html += fieldHTML(zfieldsObj[key]);
-            html += `</div>`
-        }
-    } catch (e) {
-        html = e+'';
+async function joinHTML(json, myzfield) {
+  let html = ``
+  try {
+    let zfields = await connection.results({
+      table: 'zfields',
+    })
+    let zfieldsObj = Util.arrayToObject(zfields, 'table')
+    for (let key in json) {
+      html += `<div class="joinContainer col-md-4">`
+      html += `<h5>${zfieldsObj[key].name} <button type="button" class="btn btn-danger" onclick="removeJoins('${key}')"><i class="fa fa-trash "></i> </button></h5>`
+      html += fieldHTML(zfieldsObj[key], myzfield)
+      html += `</div>`
     }
-    return html;
+  } catch (e) {
+    html = e + ''
+  }
+  return html
 }
 
-function fieldHTML(obj) {
-    let html = ``
-    try {
-         let labels = obj.labels;
-         let table = obj.table;
-         for(let key in labels) {
-             html += `<div class="input-group">
+function fieldHTML(obj, myzfield) {
+  let html = ``
+  try {
+    let labels = obj.labels
+    let table = obj.table
+    let myzfieldJoins = myzfield.joins || {}
+    for (let key in labels) {
+      let mylabel = labels[key]
+      let selected = ''
+      if (myzfieldJoins[table]) {
+        let arr = myzfieldJoins[table] || []
+        arr.map((item) => {
+          if (item.key == `${table}___${key}`) {
+            selected = ` checked `
+            mylabel = item.value
+          }
+        })
+      }
+      html += `<div class="input-group">
                                     <div class="input-group-prepend">
-                                        <span class="input-group-text"><input type="checkbox" name=""></span>
+                                        <span class="input-group-text"><input type="checkbox" ${selected} name="joins_checks___${table}___${key}"></span>
                                         <span class="input-group-text">${key}</span>
-                                        <input type="text" class="form-control" name="joins[${table}][${key}]" id="joins___${table}___${key}" value="${labels[key]}">
+                                        <input type="text" class="form-control" name="joins_labels___${table}___${key}" id="joins___${table}___${key}" value="${mylabel}">
                                     </div>
                                 </div>`
-         }
-    } catch (e) {
-        html = e+'';
     }
-    return html;
+  } catch (e) {
+    html = e + ''
+  }
+  return html
 }
 
-
 module.exports = router

package/package.json

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