zet-lib 3.1.5 → 3.2.0

package/lib/views/generatorjs.ejs

@@ -189,6 +189,75 @@
         html += `</ul>`
         return html
     }
+    function deleteTab($this) {
+        // Dapatkan index tab dari tombol edit yang ada di sebelah tombol delete
+        let $editBtn = $($this).siblings('.edittab');
+        let tabIndex = $editBtn.data('id');
+
+        // Jika tidak ada data-id, cari dari posisi tab dalam list
+        if (tabIndex === undefined || tabIndex === null) {
+            let $tabItem = $($this).closest('li.item');
+            let $allTabs = $('#tabs li.item');
+            tabIndex = $allTabs.index($tabItem);
+
+            // Jika masih tidak ditemukan, coba cari dari nama tab
+            if (tabIndex < 0) {
+                let tabName = $($this).siblings('.tabname').text().trim();
+                $allTabs.each(function(index) {
+                    if ($(this).find('.tabname').text().trim() === tabName) {
+                        tabIndex = index;
+                        return false;
+                    }
+                });
+            }
+        }
+
+        // Cek apakah tab memiliki konten di dalam tab content
+        let $tabContent = $('#tabgo' + tabIndex);
+        if ($tabContent.length === 0) {
+            // Jika tidak ada tab content, mungkin tab belum dibuat atau sudah dihapus
+            $($this).closest('li.item').remove();
+            return;
+        }
+
+        // Cek di LEFT, RIGHT, dan ONE_COLUMN untuk tab ini
+        // Cari semua ol dengan id yang sesuai di dalam tab content
+        let $allBoxes = $tabContent.find('ol[id="arr' + tabIndex + '"]');
+
+        // Fungsi untuk cek apakah ol memiliki konten yang valid (bukan hanya icon add-container)
+        function hasValidContent($ol) {
+            if (!$ol || $ol.length === 0) return false;
+
+            // Cek apakah ada input-group (field) di dalam ol ini
+            // Ini akan menangkap semua field baik yang langsung di dalam ol maupun di dalam container
+            let $fields = $ol.find('.input-group');
+
+            // Jika ada field, berarti ada konten
+            if ($fields.length > 0) {
+                return true;
+            }
+
+            return false;
+        }
+
+        // Cek apakah ada konten di salah satu box
+        let hasContent = false;
+        $allBoxes.each(function() {
+            if (hasValidContent($(this))) {
+                hasContent = true;
+                return false; // break loop
+            }
+        });
+
+        // Jika ada konten, tampilkan alert dan jangan hapus
+        if (hasContent) {
+            alert('Tab tidak dapat dihapus karena masih memiliki field. Silakan hapus semua field terlebih dahulu.');
+            return false;
+        }
+
+        // Jika tidak ada konten, hapus tab
+        $($this).closest('li.item').remove();
+    }
 
     $(function () {
         let counter = $('.divtabs').length || 1

package/lib/zAppRouter.js

@@ -2269,4 +2269,90 @@ router.post("/zcompress-dropbox", async (req, res) => {
   res.json(Util.jsonSuccess("Compress all images completed..."));
 });
 
+router.post('/zcall-information_info', async(req,res) => {
+  let data = ''
+  try {
+    const {table, elementId, myvalue} = req.body;
+    let content = Util.readFile(`${dirRoot}/public/runtime/info/${table}/${elementId}.txt`)
+    data = content;
+
+    // Fungsi untuk mengekstrak semua field dari template
+    const extractFields = (template) => {
+      const regex = /\{\{([^}]+)\}\}/g;
+      const fields = [];
+      let match;
+      while ((match = regex.exec(template)) !== null) {
+        fields.push(match[1].trim());
+      }
+      return [...new Set(fields)]; // Remove duplicates
+    };
+
+    if(content){
+      let others = {}
+      const MYMODELS = myCache.get("MYMODELS");
+      let mymodel = MYMODELS[table];
+      let mytable = mymodel.widgets[elementId].table;
+      //console.log(mymodel);
+      const result = await connection.result({
+        table: mytable,
+        where: {
+          id: myvalue,
+        },
+      });
+      //others = Object.assign({}, result);
+      let fields = extractFields(content);
+      fields.map((item) => {
+        if(item.includes(".")){
+          let name = item.split(".")[0];
+          others[name] = {};
+        }
+      })
+
+      for(let key in others){
+        let modelkey = MYMODELS[mytable].widgets[key].table;
+        const resultkey = await connection.result({
+          table: modelkey,
+          where: {
+            id: result[key],
+          },
+        });
+        others[key] = resultkey;
+        ///disini saya ingin replace content dengan format {{}}
+        //data = data.replace(`{{${key}}}`, resultkey[key]);
+
+      }
+      let dataReplace = result;
+      for(let key in others){
+        dataReplace[key] = others[key];
+      }
+      console.log(dataReplace);
+
+      //saya ingin replace data dengan dataReplace
+      // Fungsi untuk mendapatkan nilai dari path nested object
+      const getNestedValue = (obj, path) => {
+        const keys = path.split('.');
+        let value = obj;
+        for (const key of keys) {
+          if (value && typeof value === 'object' && key in value) {
+            value = value[key];
+          } else {
+            return ''; // Return empty string if path not found
+          }
+        }
+        return value !== null && value !== undefined ? String(value) : '';
+      };
+
+      // Replace semua placeholder {{field}} dengan nilai dari dataReplace
+      data = content.replace(/\{\{([^}]+)\}\}/g, (match, fieldPath) => {
+        const trimmedPath = fieldPath.trim();
+        return getNestedValue(dataReplace, trimmedPath);
+      });
+
+    }
+  } catch (e) {
+    console.log(e)
+  }
+  res.json(data)
+})
+
 module.exports = router;

package/lib/zGeneratorRouter.js

@@ -169,20 +169,7 @@ router.post("/fields", async (req, res) => {
       rowsFields: rowsFields,
       table: table,
     };
-    /* let datas = await axios.post(
-        `${generatorUrl}/api/generator/modal`,
-        objData
-    ); */
-    let others = result.others || {};
-    let othersArr = Object.keys(others) || [];
-    let json = {}
-    if(othersArr.length) {
-      console.log('masuk ke container')
-      json = await Api.modalWithContainer(objData);
-    } else {
-      json = await Api.modalClassic(objData);
-    }
-
+    let json = await Api.modal(objData);
     res.json(json);
   } catch (e) {
     console.log(e);
@@ -195,10 +182,6 @@ Create new Module/Table
  */
 router.post("/", csrfProtection, async (req, res) => {
   try {
-    /* let results = await axios.post(
-        `${generatorUrl}/api/generator/create`,
-        req.body
-    ); */
     let body = req.body;
     let datas = Api.createTable(body);
     if (datas.status == 0) {
@@ -227,10 +210,6 @@ router.post("/reset", async (req, res) => {
       return res.json(Util.flashError("Table is locked"));
     }
     if (table) {
-      /* let results = await axios.post(
-          `${generatorUrl}/api/generator/reset`,
-          req.body
-      ); */
       let body = req.body;
       let datas = Api.reset(body);
       //let datas = results.data;

package/lib/zRoute.js

@@ -4175,6 +4175,8 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
   let joinsFields = [];
   let selectize = [];
   let moneys = [];
+  let hasRelationInfo = false;
+  let relationInfos = [];
   if (MYMODEL.joins) {
     joinsFields = MYMODEL.joins.list;
   }
@@ -4267,6 +4269,11 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
           selectize.push(key);
           hasSelectize = true;
         }
+        if (widgets[key].relation_info) {
+          hasRelationInfo = true;
+          relationInfos.push(key);
+        }
+
       }
     }
   }
@@ -4276,6 +4283,27 @@ zRoute.generateJS = (req, res, MYMODEL, relations, zForms = "", data = {}) => {
     headObj.datepicker = datePickerObj.head;
     endObj.datepicker = datePickerObj.end;
   }
+  if(hasRelationInfo){
+    scriptForm += `function callRelationInfo(table, elementId, myvalue) {
+        ajaxPost('/zcall-information_info',{table: table, elementId: elementId, myvalue: myvalue}, function (data) {
+            let elemclass = 'information_' + elementId;
+            if($("."+elemclass).length > 0){
+                $("."+elemclass).html(data);
+            } else {
+                $(".div"+elementId).append('<div class="' + elemclass + ' mt-2 boxy">' + data + '</div>');
+            }
+        })
+    } \r\n`
+    let infoScript = '';
+    relationInfos.map((relationInfo) => {
+      infoScript += `$("#${relationInfo}").on('change', function () {
+            callRelationInfo('${MYMODEL.table}','${relationInfo}', $(this).val())
+        })
+        callRelationInfo('${MYMODEL.table}','${relationInfo}', $("#${relationInfo}").val()) \r\n`
+    })
+
+    scriptForm += `$(function() {${infoScript}});`;
+  }
   if (hasNumber) {
     let numberObj = moduleLib.number(req, res);
     scriptForm += numberObj.script;
@@ -6178,84 +6206,211 @@ zRoute.history = async (
     users,
     results = []
 ) => {
-  //html
-  let html = "";
-  let unhistories = [
-    "created_by",
-    "updated_by",
-    "created_at",
-    "updated_at",
-    "company_id",
-    "id",
-  ];
-  let arrHistories = [];
-  let arrDataAttributes = [];
-  let objectType = [
-    "dropzone",
-    "dropdown_multi",
-    "dropdown_checkbox",
-    "array",
-    "json_array",
-    "table",
-    "json",
-  ];
-  const widgets = MYMODEL.widgets;
-  let fields = Object.keys(MYMODEL.labels);
-  if (results.length == 0) {
-    html = "No History...";
-  } else {
-    for (const result of results) {
-      let obj = {};
-      let data1 = result.data_1;
-      let data2 = result.data_2;
-
-      for (const key in data1) {
-        if (!unhistories.includes(key)) {
-          if (fields.includes(key)) {
-            if (data1[key] || data2[key]) {
-              let name = MYMODEL.widgets[key].name;
-              if (objectType.includes(name)) {
-                if (JSON.stringify(data1[key]) != JSON.stringify(data2[key])) {
-                  obj[key] = [data1[key], data2[key]];
-                }
-              } else {
-                if (data1[key] != data2[key]) {
-                  obj[key] = [data1[key], data2[key]];
+  try {
+    //html
+    let html = "";
+
+    // Validasi input parameter
+    if (!MYMODEL || !MYMODEL.widgets || !MYMODEL.labels) {
+      return "Invalid model configuration";
+    }
+
+    if (!users || typeof users !== 'object') {
+      users = {};
+    }
+
+    if (!Array.isArray(results)) {
+      results = [];
+    }
+
+    let unhistories = [
+      "created_by",
+      "updated_by",
+      "created_at",
+      "updated_at",
+      "company_id",
+      "id",
+    ];
+    let arrHistories = [];
+    let arrDataAttributes = [];
+    let objectType = [
+      "dropzone",
+      "dropdown_multi",
+      "dropdown_checkbox",
+      "array",
+      "json_array",
+      "table",
+      "json",
+    ];
+    const widgets = MYMODEL.widgets;
+    let fields = Object.keys(MYMODEL.labels || {});
+
+    if (results.length == 0) {
+      html = "No History...";
+    } else {
+      for (const result of results) {
+        try {
+          if (!result || typeof result !== 'object') {
+            continue;
+          }
+
+          let obj = {};
+          let data1 = result.data_1 || {};
+          let data2 = result.data_2 || {};
+
+          if (!data1 || typeof data1 !== 'object') {
+            data1 = {};
+          }
+          if (!data2 || typeof data2 !== 'object') {
+            data2 = {};
+          }
+
+          for (const key in data1) {
+            try {
+              if (!unhistories.includes(key)) {
+                if (fields.includes(key)) {
+                  if (data1[key] || data2[key]) {
+                    // Validasi widget exists
+                    if (!MYMODEL.widgets[key] || !MYMODEL.widgets[key].name) {
+                      continue;
+                    }
+
+                    let name = MYMODEL.widgets[key].name;
+                    if (objectType.includes(name)) {
+                      try {
+                        if (JSON.stringify(data1[key]) != JSON.stringify(data2[key])) {
+                          obj[key] = [data1[key], data2[key]];
+                        }
+                      } catch (jsonError) {
+                        // Jika JSON.stringify error, gunakan perbandingan biasa
+                        if (data1[key] != data2[key]) {
+                          obj[key] = [data1[key], data2[key]];
+                        }
+                      }
+                    } else {
+                      if (data1[key] != data2[key]) {
+                        obj[key] = [data1[key], data2[key]];
+                      }
+                    }
+                  }
                 }
               }
+            } catch (keyError) {
+              // Skip key yang error, lanjut ke key berikutnya
+              console.error(`Error processing key ${key}:`, keyError);
+              continue;
             }
           }
+
+          if (Object.keys(obj).length > 0) {
+            arrHistories.push(obj);
+            arrDataAttributes.push({
+              date1: result.data_1_date || null,
+              date2: result.data_2_date || null,
+              by1: (result.data_1 && result.data_1.updated_by) || null,
+              by2: result.created_by || null,
+            });
+          }
+        } catch (resultError) {
+          // Skip result yang error, lanjut ke result berikutnya
+          console.error('Error processing result:', resultError);
+          continue;
         }
       }
-      if (Object.keys(obj).length > 0) {
-        arrHistories.push(obj);
-        arrDataAttributes.push({
-          date1: result.data_1_date,
-          date2: result.data_2_date,
-          by1: result.data_1.updated_by,
-          by2: result.created_by,
-        });
-      }
-    }
 
-    let index = 0;
-    for (const item of arrHistories) {
-      let obj1 = {};
-      let obj2 = {};
-      for (let key in item) {
-        obj1[key] = item[key][0];
-        obj2[key] = item[key][1];
-      }
-      let viewFormsSync1 = await zRoute.viewFormsSync(req, res, MYMODEL, obj1);
-      let viewFormsSync2 = await zRoute.viewFormsSync(req, res, MYMODEL, obj2);
-      let html1 = "";
-      let html2 = "";
-      for (let key in item) {
-        html1 += viewFormsSync1.build[key];
-        html2 += viewFormsSync2.build[key];
-      }
+      let index = 0;
+      for (const item of arrHistories) {
+        try {
+          if (!item || typeof item !== 'object') {
+            index++;
+            continue;
+          }
+
+          let obj1 = {};
+          let obj2 = {};
+          for (let key in item) {
+            if (Array.isArray(item[key]) && item[key].length >= 2) {
+              obj1[key] = item[key][0];
+              obj2[key] = item[key][1];
+            }
+          }
+
+          let viewFormsSync1, viewFormsSync2;
+          try {
+            viewFormsSync1 = await zRoute.viewFormsSync(req, res, MYMODEL, obj1);
+            viewFormsSync2 = await zRoute.viewFormsSync(req, res, MYMODEL, obj2);
+          } catch (viewFormsError) {
+            console.error('Error in viewFormsSync:', viewFormsError);
+            index++;
+            continue;
+          }
+
+          if (!viewFormsSync1 || !viewFormsSync1.build) {
+            viewFormsSync1 = { build: {} };
+          }
+          if (!viewFormsSync2 || !viewFormsSync2.build) {
+            viewFormsSync2 = { build: {} };
+          }
+
+          let html1 = "";
+          let html2 = "";
+          for (let key in item) {
+            html1 += (viewFormsSync1.build[key] || '');
+            html2 += (viewFormsSync2.build[key] || '');
+          }
+
+          // Validasi arrDataAttributes[index]
+          const dataAttr = arrDataAttributes[index] || {};
+          const date1 = dataAttr.date1 || null;
+          const date2 = dataAttr.date2 || null;
+          const by1 = dataAttr.by1 || null;
+          const by2 = dataAttr.by2 || null;
 
-      html += `<div class="row">
+          // Validasi users sebelum mengakses fullname
+          let user1Fullname = '';
+          let user2Fullname = '';
+
+          try {
+            if (by1 && users[by1] && users[by1].fullname) {
+              user1Fullname = users[by1].fullname;
+            } else {
+              user1Fullname = by1 || 'Unknown';
+            }
+          } catch (user1Error) {
+            user1Fullname = by1 || 'Unknown';
+          }
+
+          try {
+            if (by2 && users[by2] && users[by2].fullname) {
+              user2Fullname = users[by2].fullname;
+            } else {
+              user2Fullname = by2 || 'Unknown';
+            }
+          } catch (user2Error) {
+            user2Fullname = by2 || 'Unknown';
+          }
+
+          // Format date dengan error handling
+          let formattedDate1 = '';
+          let formattedDate2 = '';
+
+          try {
+            if (date1 && Util && Util.dateFormat) {
+              formattedDate1 = Util.dateFormat(date1, "DD MMM YYYY HH:mm") || "";
+            }
+          } catch (date1Error) {
+            formattedDate1 = '';
+          }
+
+          try {
+            if (date2 && Util && Util.dateFormat) {
+              formattedDate2 = Util.dateFormat(date2, "DD MMM YYYY HH:mm") || "";
+            }
+          } catch (date2Error) {
+            formattedDate2 = '';
+          }
+
+          html += `<div class="row">
                             <!-- timeline item 1 left dot -->
                             <div class="col-auto text-center flex-column d-none d-sm-flex">
                                 <div class="row h-50">
@@ -6276,15 +6431,7 @@ zRoute.history = async (
                                     <div class="col-md-6">
                                         <div class="card">
                                             <div class="card-body">
-                                                <div class="float-end text-muted text-end">${
-          Util.dateFormat(
-              arrDataAttributes[index]
-                  .date1,
-              "DD MMM YYYY HH:mm"
-          ) || ""
-      }<br><small>${
-          users[arrDataAttributes[index].by1].fullname
-      }</small></div>
+                                                <div class="float-end text-muted text-end">${formattedDate1}<br><small>${user1Fullname}</small></div>
                                                 <h4 class="card-title text-muted">Semula</h4>
                                                 <div class="card-text">${html1}</div>
                                             </div>
@@ -6293,15 +6440,7 @@ zRoute.history = async (
                                     <div class="col-md-6">
                                         <div class="card">
                                             <div class="card-body">
-                                                <div class="float-end text-muted  text-end">${
-          Util.dateFormat(
-              arrDataAttributes[index]
-                  .date2,
-              "DD MMM YYYY HH:mm"
-          ) || ""
-      } <br><small>${
-          users[arrDataAttributes[index].by2].fullname
-      }</small></div>
+                                                <div class="float-end text-muted  text-end">${formattedDate2} <br><small>${user2Fullname}</small></div>
                                                 <h4 class="card-title text-success">Menjadi  </h4>
                                                 <div class="card-text">${html2}</div>
                                             </div>
@@ -6311,10 +6450,20 @@ zRoute.history = async (
                             </div>
                         </div>`;
 
-      index++;
+          index++;
+        } catch (itemError) {
+          // Skip item yang error, lanjut ke item berikutnya
+          console.error(`Error processing history item at index ${index}:`, itemError);
+          index++;
+          continue;
+        }
+      }
     }
+    return html;
+  } catch (error) {
+    console.error('Error in zRoute.history:', error);
+    return "Error loading history. Please try again later.";
   }
-  return html;
 };
 
 zRoute.tableBody = (

package/package.json

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

package/lib/routes/api.js

@@ -1,52 +0,0 @@
-const express = require('express');
-const router = express.Router();
-const Api = require('../generatorApi');
-const Model = require('../Model');
-
-//Home of Generator index
-router.post('/generator/index', (req,res) => {
-    let json = {};
-    try {
-        let datas = {table: '', tabs: [], labels: {}, details: {}, hardcode_grid: ""};
-        let table = req.body.table || "", route = "";
-        json = {
-            datas: datas,
-            table: table,
-            route: table,
-            selects: Model.keys,
-        }
-
-    } catch (e) {
-        console.log(e.toString());
-        res.status(400).json({message: e.toString()})
-    }
-
-    res.json(json)
-});
-router.post('/generator/modal', async(req,res) => {
-    let body = req.body;
-    let result = body.result;
-    let others = result.others || {};
-    let othersArr = Object.keys(others) || [];
-    let json = {}
-    if(othersArr.length) {
-        console.log('masuk ke container')
-        json = await Api.modalWithContainer(req,res);
-    } else {
-        json = await Api.modalClassic(req,res);
-    }
-    //console.log(JSON.stringify(json))
-    res.json(json)
-});
-router.post('/generator/create', (req,res) => {
-    res.json(Api.createTable(req.body))
-});
-router.post('/generator/create_field', Api.create_field);
-router.post('/generator/modal_settings', Api.modal_settings);
-
-//generate
-router.post('/generator/properties', Api.properties);
-router.post('/generator/generate', Api.generate);
-router.post('/generator/reset', Api.reset);
-
-module.exports = router;

package/lib/routes/index.js

@@ -1,9 +0,0 @@
-var express = require('express');
-var router = express.Router();
-
-/* GET home page. */
-router.get('/', function(req, res, next) {
-    res.render('index', { title: 'Express' });
-});
-
-module.exports = router;