zet-lib 1.5.29 → 2.0.0

package/lib/Modal.js

@@ -1,36 +1,43 @@
-const Util = require("./Util");
+const Util = require('./Util')
 const Modal = {};
 
-Modal.grid = (frameworkcss = "bootstrap5",obj, LANGUAGE={}) => {
-    let attributeData = obj.attributeData, visibles = obj.visibles || [], invisibles = obj.invisibles || [], visiblesHtml = '', invisiblesHtml = '', labelsHtml = '';
+Modal.grid = (frameworkcss = "bootstrap3",obj) => {
+    var attributeData = obj.attributeData, visibles = obj.visibles || [], invisibles = obj.invisibles || [], visiblesHtml = '', invisiblesHtml = '', labelsHtml = '';
     visibles.map((item) => {
-        visiblesHtml += `<li data-name="${item}" draggable="true" class="image-li" role="option" aria-grabbed="false"><img src="/assets/icons/eye.svg" class="icons-bg-black">  ${attributeData.labels[item]}</li>`;
+        visiblesHtml += `<li data-name="${item}" draggable="true" role="option" aria-grabbed="false"><span class="fa fa-eye"></span> ${attributeData.labels[item]}</li>`;
     });
     invisibles.map((item) => {
-        invisiblesHtml += `<li data-name="${item}" draggable="true" class="image-li" role="option" aria-grabbed="false"><img src="/assets/icons/eye-off.svg" class="icons-bg-black">  ${attributeData.labels[item]}</li>`;
+        invisiblesHtml += `<li data-name="${item}" draggable="true" role="option" aria-grabbed="false"><span class="fa fa-eye-slash"></span> ${attributeData.labels[item]}</li>`;
     });
-    let no = 1;
-    for(let key in attributeData.labels) {
-        labelsHtml += `<tr><td>${no}</td><td>${key}</td><td>${attributeData.labels[key]}</td><td><input maxlength="25" type="text" class="form-control" required name="${obj.routeName}[${key}]" value="${attributeData.labels[key]}"></td></tr>`;
+    var no = 1;
+    for(var key in attributeData.labels) {
+        labelsHtml += `<tr>
+                                        <td>${no}</td>
+                                        <td>${key}</td>
+                                        <td>${attributeData.labels[key]}</td>
+                                        <td><input maxlength="25" type="text" class="form-control" required name="${obj.routeName}[${key}]" value="${attributeData.labels[key]}"></td>
+                                    </tr>`;
         no++;
     }
-    const modalFields = Modal.build({
+
+
+    var modalFields = Modal.build({
         id: "grid-modal",
         size : "modal-xl",
         header: `<h5 id="dynagrid-1-grid-modal-label" class="modal-title">
-                    <i class="fa fa-cog"></i> ${LANGUAGE.grid_settings || "Settings Grid"}
+                    <i class="fa fa-cog"></i> Settings Grid 
                 </h5>`,
         body : `<div class="container">
                     <form id="form-grid" class="form-vertical kv-form-bs4" action="/${obj.routeName}/grid" method="post">
                         <input type="hidden" name="_csrf" value="">
                         <div class="dynagrid-column-label">
-                            ${LANGUAGE.grid_configure  || "Configure Order and Display of Grid Columns"}
+                            Configure Order and Display of Grid Columns
                         </div>
                         <div class="row">
                             <div class="col-sm-5">
                                 <ul id="gridleft" class="sortable-visible sortable list kv-connected cursor-move gridsortable" aria-dropeffect="move">
                                     <li data-name="" class="alert alert-info dynagrid-sortable-header disabled">
-                                        ${LANGUAGE.grid_visible  || "Visible Columns"}
+                                        Visible Columns
                                     </li>
                                     ${visiblesHtml}
                                 </ul>
@@ -41,7 +48,7 @@ Modal.grid = (frameworkcss = "bootstrap5",obj, LANGUAGE={}) => {
                             <div class="col-sm-5">
                                 <ul id="gridright"
                                     class="sortable-hidden sortable list kv-connected cursor-move gridsortable" aria-dropeffect="move">
-                                    <li data-name="" class="alert alert-info dynagrid-sortable-header disabled">${LANGUAGE.grid_invisible  || "Hidden / Fixed Columns"}
+                                    <li data-name="" class="alert alert-info dynagrid-sortable-header disabled">Hidden / Fixed Columns
                                     </li>
                                    ${invisiblesHtml}
                                 </ul>
@@ -51,32 +58,79 @@ Modal.grid = (frameworkcss = "bootstrap5",obj, LANGUAGE={}) => {
                         <input type="hidden" id="serialize_right" name="serialize_right" value=''/>
                     </form>
                 </div> <!-- .dynagrid-config-form -->`,
-        footer : `<button type="reset" class="btn btn-default refresh gridreload image-button" title="Abort any changes and reset settings">
-                    <img src="/assets/icons/refresh.svg" class="icons-bg-black"> ${LANGUAGE.reset  || "Reset"}
+        footer : `<button type="reset" class="btn btn-default grid-reset" title="Abort any changes and reset settings">
+                    <i class="fa fa-refresh"></i> Reset
                 </button>
-                <button type="button" class="btn btn-primary grid-submit boxy image-button" title="Save grid settings">
-                    <img src="/assets/icons/send.svg" class="icons-bg-white"> ${LANGUAGE.apply  || "Apply"}
+                <button type="button" class="btn btn-primary grid-submit" title="Save grid settings">
+                    <i class="fa fa-paper-plane"></i> Apply
                 </button>`
     });
+
+
+
+    var modalLabel = Modal.build({
+        id: "grid-labels",
+        size : "modal-lg",
+        header : `<h5 id="dynagrid-1-grid-modal-label" class="modal-title">
+                    <i class="fa fa-font fa-fw"></i> Labels Configuration
+                </h5>`,
+        body : `<div class="dynagrid-config-form">
+                    <form id="form-labels" class="form-vertical" action="/${obj.routeName}/labels" method="post">
+                        <input type="hidden" name="_csrf" value="==">
+
+                        <div class="dynagrid-column-label">
+                            Configure Field Labeling
+                        </div>
+
+                        <div class="row">
+                            <div class="col-sm-12">
+                                <table class="table table-condensed table-striped">
+                                    <thead>
+                                    <tr>
+                                        <th>#</th>
+                                        <th>Fields</th>
+                                        <th>Default</th>
+                                        <th>Custom</th>
+                                    </tr>
+                                    </thead>
+                                    <tbody>
+                                    ${labelsHtml}
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+
+                    </form>
+                </div> <!-- .dynagrid-config-form -->`,
+        footer : ` <button type="reset" class="btn btn-default label-reset" title="Abort any changes and reset settings">
+                    <i class="fa fa-refresh"></i> Reset
+                </button>
+                <button type="button" class="btn btn-primary labels-submit" title="Save grid settings">
+                    <i class="fa fa-paper-plane"></i> Submit
+                </button>`
+
+    });
+
     try {
-        return modalFields;
+        return modalFields + modalLabel;
     } catch (err) {
         console.log(err);
     }
-};
+}
+
 
 Modal.build = (obj) => {
-    let html = '<!-- Modal -->';
+    var html = '<!-- Modal -->';
     try {
-        const size = obj.size ? `${obj.size}` : "";
-        const id = obj.id ?  `id="${obj.id}"` : "";
-        const headerOptions =  Util.attributeOptions(obj.headerOptions || {},{class:"modal-header"});
-        const header = obj.header ? `<div  ${headerOptions} >${obj.header}<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div>`:"";
-        const body = obj.body ? obj.body : "";
-        const bodyOptions =  Util.attributeOptions(obj.bodyOptions || {},{class:"modal-body"});
-        const footerOptions =  Util.attributeOptions(obj.footerOptions || {},{class:"modal-footer"});
-        const footer = obj.footer ? `<div ${footerOptions} >${obj.footer}</div>` : "";
-        html += `${Util.newLine}<div class="modal fade " ${id}  role="dialog" tabindex="-1">
+        var size = obj.size ? `${obj.size}` : "";
+        var id = obj.id ?  `id="${obj.id}"` : "";
+        var headerOptions =  Util.attributeOptions(obj.headerOptions || {},{class:"modal-header"});
+        var header = obj.header ? `<div  ${headerOptions} >${obj.header}<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div>`:"";
+        var body = obj.body ? obj.body : "";
+        var bodyOptions =  Util.attributeOptions(obj.bodyOptions || {},{class:"modal-body"});
+        var footerOptions =  Util.attributeOptions(obj.footerOptions || {},{class:"modal-footer"});
+        var footer = obj.footer ? `<div ${footerOptions} >${obj.footer}</div>` : "";
+        html += `${Util.newLine}<div class="modal fade" ${id}  role="dialog" tabindex="-1">
               <div class="modal-dialog ${size}">
                 <div class="modal-content">
                   ${header}
@@ -89,7 +143,8 @@ Modal.build = (obj) => {
     } catch (error) {
         console.log(error)
     }
+
     return html;
-};
+}
 
 module.exports = Modal;

package/lib/Model.js

@@ -1,4 +1,9 @@
-const Util = require("./Util");
+/**
+ * Universal class Model
+ * Created by sintret dev on 9/23/2021.
+ */
+
+const Util = require('./Util');
 
 /*
  properties
@@ -85,7 +90,8 @@ Model.keys = {
     relation: "Select (relation to other module)",
     image: "Image Upload",
     file: "File Upload",
-    dropzone: "Drop Files",
+    dropzone: "DropZone Files",
+    dropbox: "DropBox",
     email: "Email",
     password: "Password",
     datepicker: "Date Picker",
@@ -174,6 +180,66 @@ Model.dropzone = {
     category: "json_array",
 };
 
+Model.dropbox = {
+    properties: ["required", "unique", "tabindex", "hidden"],
+    labels: {
+        required: "Required",
+        unique: "Unique",
+        tabindex: "Tab Index",
+        hidden: "Hidden",
+    },
+    defaultValues: {
+        required: false,
+        unique: false,
+        tabindex: 1,
+        hidden: false,
+    },
+    typies: {
+        required: {
+            tag: "input",
+            type: "checkbox",
+        },
+        unique: {
+            tag: "input",
+            type: "checkbox",
+        },
+        tabindex: {
+            tag: "input",
+            type: "number",
+        },
+        hidden: {
+            tag: "input",
+            type: "checkbox",
+        },
+    },
+    comment: (obj) => {
+        return `json_array`;
+    },
+    sql: (key, MYMODEL, obj = {}) => {
+        const required = !obj.required ? "NULL" : "NOT NULL";
+        let defaultValue = "";
+        if (!obj.defaultValue) {
+            defaultValue = ``;
+        } else if (obj.defaultValue == "null") {
+            defaultValue = `ALTER TABLE "${MYMODEL.table}" ALTER COLUMN "${key}" SET DEFAULT NULL;`;
+        } else {
+            defaultValue = `ALTER TABLE "${MYMODEL.table}" ALTER COLUMN "${key}" SET  DEFAULT '${obj.defaultValue}';`;
+        }
+        //ALTER TABLE zuser_company ADD CONSTRAINT fk_user_company_role FOREIGN KEY (role_id) REFERENCES zrole (id);
+        return {
+            defaultValue: defaultValue,
+            column: `ALTER TABLE "${MYMODEL.table}"  ADD COLUMN "${key}" jsonb[];`,
+            index: "",
+            foreignKey: "",
+        };
+    },
+    columnType: (obj = {}) => {
+        return `json_array`;
+    },
+    category: "json_array",
+};
+
+
 Model.text = {
     properties: [
         "required",
@@ -833,6 +899,9 @@ Model.number = {
         "defaultValue",
         "inputGroupLeft",
         "inputGroupRight",
+        "digitDecimal",
+        "decimalPlaces",
+        "thousandSeparator",
         "information",
     ],
     attributes: ["min", "max"],
@@ -846,6 +915,9 @@ Model.number = {
         defaultValue: "Default Value",
         inputGroupLeft: "Input Group Left",
         inputGroupRight: "Input Group Right",
+        digitDecimal:"Digit Decimal",
+        decimalPlaces:"Decimal Places",
+        thousandSeparator:"Use 1000 Separator",
         information: "Additional Information",
     },
     defaultValues: {
@@ -858,6 +930,9 @@ Model.number = {
         defaultValue: null,
         inputGroupLeft: "",
         inputGroupRight: "",
+        digitDecimal: 0,
+        decimalPlaces:",",
+        thousandSeparator:".",
         information: "",
     },
     typies: {
@@ -897,6 +972,18 @@ Model.number = {
             tag: "input",
             type: "text",
         },
+        digitDecimal: {
+            tag: "input",
+            type: "number",
+        },
+        decimalPlaces: {
+            tag: "input",
+            type: "text",
+        },
+        thousandSeparator: {
+            tag: "input",
+            type: "text",
+        },
         information: {
             tag: "textarea",
             type: "",
@@ -3170,6 +3257,35 @@ for (let k in Model.keys) {
         };
     }
 
+
+    //for visibles/invisible select for grid
+    Model[k].properties.push("visibles");
+    Model[k].labels.visibles = "Visibles/Invisibles";
+    Model[k].defaultValues.visibles = 0
+    Model[k].typies.visibles = {
+        tag: "select",
+        type: "",
+        dropdown: {
+            "0": "Invisible",
+            "1": "Visible",
+        },
+    };
+
+
+    //for visibles/invisible select for grid
+    Model[k].properties.push("no_visible");
+    Model[k].labels.no_visible = "Visibles/Invisibles";
+    Model[k].defaultValues.no_visible = 1
+    let idxs = {}
+    for(let i =1; i<=30;i++) {
+        idxs[i]=i
+    }
+    Model[k].typies.no_visible = {
+        tag: "select",
+        type: "",
+        dropdown: idxs,
+    };
+
     //console.log(k)
 }
 

package/lib/config_generator.js

@@ -0,0 +1,24 @@
+module.exports = {
+    newLine: '\r\n',
+    tab: '\t',
+    //table list is not for generate
+    notGenerateTable: ['index', 'uploads', 'js', 'css', 'log','generator'],
+    //notGenerateTable:[],
+    //list is hide for form, maybe for automation
+    notRenderField: ['id', 'createdAt', 'updatedAt', 'createdBy', 'updatedBy', 'companyId', 'created_at', 'updated_at','updated_by', 'created_by', 'modified_by', 'company_id', 'token', 'version', 'signin_method', 'lastLogin', 'last_login', 'forgotPassword', 'forgot_password','lock'],
+    //images field list
+    imagesName: [
+        'image', 'images','logo','file', 'files'
+    ],
+    commonField: ['full_name', 'name', 'title', 'fullname', 'username', 'firstname', 'firstName', 'code', 'nik', 'employeeName'],
+    createdUpdatedBy: ['createdBy', 'updatedBy', 'created_by', 'updated_by'],
+    createdUpdatedAt: ['createdAt','updatedAt','created_at','updated_at'],
+    timeAt: ['createdAt','updatedAt','created_at','updated_at','modified_at'],
+    //your user table for login and session
+    userTable: 'zuser',
+    userId: 'user_id',
+    userFieldName: 'fullname',
+    companyId: 'company_id',
+    company_id: 'company_id',
+    userCompanyTable: 'zuser_company', //blank if not used
+}