zet-lib 1.5.30 → 2.0.0

package/lib/lang_en.js

@@ -0,0 +1,115 @@
+var langs = {}
+langs['grid_no_session'] = 'You have no session! <br> Grid Can not be Saved';
+langs['grid_list'] = 'List';
+langs['grid_personal'] = '* Setup & Personal Grid';
+langs['grid_saved'] = 'Data grid saved';
+langs['grid_reset'] = 'Successfully to reset grid';
+langs['grid_labels_saved'] = 'Label saved!';
+langs['grid_configure'] ='Configure Order and Display of Grid Columns';
+langs['grid_visible'] ='Visible Columns';
+langs['grid_invisible'] ='Hidden / Fixed Columns';
+langs['grid_export_data'] = 'Export Page Data';
+langs['grid_labeling'] = 'Labeling';
+langs['grid_configure_field_labeling'] = 'Configure Field Labeling';
+langs['grid_personalize_labeling'] = 'Personalize Labeling';
+langs['grid_personalize_setting'] = 'Personalize grid settings';
+langs['grid_refresh'] = 'Refresh grid filter';
+langs.settings = 'Setting';
+langs.settings_info = 'Settings';
+langs.grid_settings = 'Settings Grid';
+langs['grid_fields'] = 'Fields';
+langs['grid_default'] = 'Default';
+langs['grid_custom'] = 'Custom';
+langs['grid_abort'] = 'Abort any changes and reset settings';
+langs['grid_save'] = 'Save grid settings';
+
+langs['data_saved'] = 'Data saved...';
+langs['data_delete'] = 'Success, Data deleted';
+langs['data_not_found'] = 'Data not found!';
+langs['data_add'] = 'Add Data';
+langs['download_excel'] = 'Download Excel';
+langs['data_import'] = 'Import Data';
+
+langs['form_import'] = 'Parsing / Import Form';
+langs['form_import_title'] = 'Import / Upload Data using excel file';
+langs['form_label_excel_file'] = 'Your Excel File *.xlsx';
+langs['form_create'] = 'Form Create';
+langs['form_update'] = 'Form Update';
+langs['form_add_data'] = 'Add Data';
+langs['form_add_data_select'] = 'Please select data';
+langs['form_not_empty'] = 'Tidak boleh kosong';
+
+
+langs['import_success'] = 'Import successfully, Please check your data with results!';
+langs['import_no_file'] = 'No excel file is upload!';
+langs['import_process'] = 'File being processed';
+langs['import_results'] = 'Import Results';
+langs['import_example'] = 'Example Format File';
+langs.import = 'Import';
+langs.import_info = 'Import data using excel file'
+
+langs['noted'] = 'Noted';
+langs['success'] = 'Success';
+langs['failed'] = 'Failed!';
+langs['reset'] = 'Reset';
+langs['apply'] = 'Apply';
+langs['submit'] = 'Submit';
+langs['home'] = 'Home';
+langs['create'] = 'Create';
+langs.create_info = 'add a new data';
+langs['update'] = 'Update';
+langs['delete'] = 'Delete';
+langs['view'] = 'View';
+langs['upload'] = 'Upload';
+langs['approval'] = 'Approval';
+langs['approve'] = 'Approve';
+langs['logout'] = 'Logout';
+langs.download = 'Download';
+langs.all = 'all';
+langs.profile = 'Profile';
+langs.help_center = 'Help Center';
+langs.switch_company = 'Switch Company';
+langs.notifications = 'Notifications';
+langs.messages = 'Messages';
+langs.upload_verify = 'Upload Verify Sign Approval'
+langs.upload_cropping = 'Clik here to upload a image to start cropping';
+langs.change_password = 'Change Your Password';
+langs.password_equal = 'New Password & Password Repeat must equal';
+langs.verify_info = '* Approval system purpose only';
+langs.forget_password = 'Forget Password ?';
+langs.password_wrong = 'Username or Password wrong';
+langs.login_first = 'Your session is disconnected. Please re-login !!';
+langs.no_access = 'You have no access this page. Setup in role menu';
+langs.change_password_success = 'successfully change your password';
+langs.link_expired = 'Your link has expired!!!';
+langs.password_combine = 'password combine char and number, min 6 chars';
+langs.user_access = "User Access";
+
+langs['required_not_empty'] ='Required & can not empty ';
+langs['delete_confirm'] = 'Do you really want to delete selected ?';
+
+langs['module_program'] = 'Program';
+langs['menu_home'] = 'Home';
+langs['menu_language'] = 'Language';
+langs['submenu_english'] = 'English';
+langs['submenu_indonesian'] = 'Indonesian';
+langs['submenu_japan'] = 'japan';
+langs['submenu_france'] = 'France';
+
+langs['menu_logout'] = 'Logout';
+
+langs['module_master'] = 'Master';
+langs['menu_organisation'] = 'Organisation';
+langs['submenu_company'] = 'Company';
+langs['submenu_branch'] = 'Branch';
+langs['submenu_management'] = 'Management';
+langs['submenu_division'] = 'Division';
+langs['submenu_department'] = 'Department';
+langs['submenu_section'] = 'Section';
+langs['submenu_subsection'] = 'Subsection';
+langs['submenu_position'] = 'Position';
+langs['submenu_functional'] = 'Functional';
+langs['submenu_grade'] = 'Grade';
+langs['submenu_cost_center'] = 'Cost Center';
+
+module.exports = langs;

package/lib/routes/api.js

@@ -0,0 +1,52 @@
+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

@@ -0,0 +1,9 @@
+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;

package/lib/views/error.ejs

@@ -0,0 +1,3 @@
+<h1><%= message %></h1>
+<h2><%= error.status %></h2>
+<pre><%= error.stack %></pre>

package/lib/views/zgenerator/bootstrap3/_form.ejs

@@ -0,0 +1,24 @@
+<form id="form-group" method="post" action="" class="boxy" enctype="multipart/form-data" NO_VALI_DATE_NOVALIDATE  >
+    <input type="hidden" name="_csrf" value="<%= csrfToken %>">
+
+    <div class="page-header">
+        <h3><%- titleHeader %></h3>
+    </div>
+
+    /*[__GENERATE_FORM__]*/
+
+    <div class="row">
+        <div class="col-md-12">
+            <br>
+            <%- UI.Form.submit() %>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <br>
+            <p class="text-muted"><strong>*</strong> <%- LANGUAGE['required_not_empty'] %></p>
+        </div>
+    </div>
+
+</form>

package/lib/views/zgenerator/bootstrap3/create.ejs

@@ -0,0 +1,9 @@
+<%- UI.Form.breadcrumb(frameworkcss, [{text: LANGUAGE['home'], href:"/dashboard"}, {text: LANGUAGE['grid_list'], href:"/"+routeName}, {text: LANGUAGE['create'], active: true}]) %>
+
+
+<div class="page-header">
+	<h2><%- titleApp %></h2>
+	<small><%- companyName %></small>
+</div>
+
+<% include _form.ejs %>

package/lib/views/zgenerator/bootstrap3/createjs.ejs

@@ -0,0 +1,3 @@
+<script>
+    submitForm('form-group', '','/<%- routeName%>');
+</script>

package/lib/views/zgenerator/bootstrap3/import.ejs

@@ -0,0 +1,52 @@
+<%- UI.Form.breadcrumb(frameworkcss, [{text: LANGUAGE['home'], href:"/dashboard"}, {text: LANGUAGE['grid_list'], href:"/"+routeName}, {text: LANGUAGE['form_import'], active: true}]) %>
+
+<div class="page-header">
+    <h3><%- LANGUAGE['form_import_title']%></h3>
+    <small><%- companyName %></small>
+</div>
+
+
+<p>&nbsp;</p>
+<form id="form-import" method="post" enctype="multipart/form-data" class="boxy">
+
+    <div class="row">
+        <div class="col-md-10">
+            <p>&nbsp;</p>
+
+            <div class="form-group">
+                <label class="control-label col-md-2" for="file"><%- LANGUAGE['form_label_excel_file']%></label>
+                <div class="col-md-10">
+                    <input type="file" id="file" name="excel" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="form-control">
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-10 col-md-offset-1">
+            <button type="submit" class="btn btn-success"><%- LANGUAGE['upload']%></button>
+            <p>&nbsp;</p>
+            <p>&nbsp;</p></div>
+    </div>
+
+
+    <div class="container">
+        <h3><%- LANGUAGE['import_results']%>:</h3>
+        <div class="results"></div>
+        <div class="row">
+            <div class="col-md-12">
+                <div class="table-responsive">
+                    <table class="table table-sm table-striped" id="resultsforimport">
+
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</form>
+
+<hr>
+<div class="row">
+    <div class="col-md-10"> <%- LANGUAGE['import_example']%> : <a id="sample-parsing" href="/<%- routeName%>/sample">sample.xlsx</a></div>
+</div>

package/lib/views/zgenerator/bootstrap3/importjs.ejs

@@ -0,0 +1,3 @@
+<script>
+    submitForm('form-import', 'excel');
+</script>

package/lib/views/zgenerator/bootstrap3/index.ejs

@@ -0,0 +1,29 @@
+<div class="">
+    <%- UI.Form.breadcrumb(frameworkcss, [{text: LANGUAGE['home'], href: "/dashboard"}, {
+        text: LANGUAGE['grid_list'],
+        active: true
+    }]) %>
+
+    <div class="page-header">
+        <h2><%- titleApp %></h2>
+        <small><%- companyName %></small>
+    </div>
+
+    <%- UI.Form.grid(frameworkcss, {
+        routeName: routeName,
+        levels: levels,
+        header: menuApp + ' ' + LANGUAGE['grid_list'],
+        gridFilters: gridFilters,
+        LANGUAGE: LANGUAGE,
+        paginationApp: paginationApp,
+        advanceSearch : advanceSearch
+    }) %>
+</div>
+
+
+<%- UI.Modal.grid(frameworkcss, {
+    attributeData: attributeData,
+    visibles: visibles,
+    invisibles: invisibles,
+    routeName: routeName
+}, LANGUAGE) %>

package/lib/views/zgenerator/bootstrap3/indexcss.ejs

@@ -0,0 +1 @@
+<link rel="stylesheet" href="/css/kv-html5-sortable.min.css" >

package/lib/views/zgenerator/bootstrap3/indexjs.ejs

@@ -0,0 +1,307 @@
+<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>
+<script src="/js/jquery-sortable.js"></script>
+<script>
+    window.onerror = function (message, file, line, col, error) {
+        toastr.error(error.message, "Error occurred");
+        setTimeout(function () {
+            toastr.info("Please wait a moment while we repair.\n Please Relax", "Info");
+            ajaxDelete("/<%- routeName %>/grid",{},function (data) {
+                toastr.info("Please refresh / reload your browser.\n ", "Info");
+            });
+        }, 2500);
+        setTimeout(function () {
+            toastr.clear();
+            window.location.href = '/<%- routeName %>';
+        }, 4500);
+        return false;
+    };
+    $(function () {
+        $(".jsgrid-filter-row td").each(function () {
+            $(this).find("input[type=text]").addClass("form-search form-control form-control-sm").attr("placeholder", "search..");
+            $(this).find("input[type=number]").addClass("form-search  form-control form-control-sm").attr("placeholder", "search..");
+            $(this).find("select").addClass("form-search  form-control form-control-sm form-select");
+        })
+    });
+    var gridSettings = <%- JSON.stringify(gridFilters) %>;
+    var isSave = false;
+    var gridFields = {
+        no: {name: "no", title: '<%- attributeData.labels['no'] %>', width: 20},
+        /*[__GENERATE_INDEXJS__]*/
+        actionColumn: {
+            type: "control", name: "actionColumn", width: 90, editButton: false,
+            itemTemplate: function (value, item) {
+                var $result = jsGrid.fields.control.prototype.itemTemplate.apply(this, arguments);
+                var $customViewButton = $("<button>").attr({class: "btn btn-info btn-sm"}).html("<span class='fa fa-eye'></span>").click(function (e) {
+                    location.href = "/<%- routeName %>/view/" + item.id;
+                    e.stopPropagation();
+                });
+                var $customEditButton = $("<button>").attr({class: "btn btn-success btn-sm"}).html("<span class='fa fa-pencil'></span>").click(function (e) {
+                    location.href = "/<%- routeName %>/update/" + item.id;
+                    e.stopPropagation();
+                });
+                var $customDeleteButton = $("<button>").attr({class: "btn btn-danger btn-sm"}).html("<span class='fa fa-trash'></span>").click(function (e) {
+                    if (window.confirm("<%- LANGUAGE['delete_confirm']%>")) {
+                        ajaxDelete("/<%- routeName %>/delete",{id: item.id}, function (data) {
+                            if (data.status == 0) {
+                                toastr.error(data.message, data.title);
+                            } else {
+                                $("#jsGrid").jsGrid("loadData");
+                                toastr.success(data.message, data.title);
+                            }
+                        });
+                    }
+                    e.stopPropagation();
+                });
+                var div = $("<div>");
+
+                <% if(levels.view){ %>div.append($customViewButton).append("   ");<% } %>
+                <% if(levels.update){ %>div.append($customEditButton).append("   ");<% } %>
+                <% if(levels.delete) { %>div.append($customDeleteButton).append("   ");<% } %>
+                return div;
+            }
+        }
+    };
+    function fixGrid() {
+        var arr = [];
+        var visibles = <%- JSON.stringify(visibles) %>;
+        for (var i = 0; i < visibles.length; i++) {
+            if(gridFields.hasOwnProperty(visibles[i])){
+                arr.push(gridFields[visibles[i]]);
+            }
+        }
+        return arr;
+    }
+    function saveGrid(filter,url){
+        $.ajax({
+            url:url,
+            type:"POST",
+            data:filter
+        })
+    }
+    var jsFilter = "";
+    $("#jsGrid").jsGrid({
+        width: "100%",
+        filtering: true,
+        inserting: false,
+        editing: false,
+        sorting: true,
+        autoload: true,
+        paging: true,
+        pageLoading: true,
+        css: "kv-grid-table table table-bordered table-striped kv-table-wrap",
+        pageIndex : parseInt(gridSettings.pageIndex) || 1,
+        pageSize: $("#pageSize").val(),
+        pageButtonCount: 15,
+        deleteConfirm: "<%- LANGUAGE['delete_confirm']%>",
+        controller: {
+            loadData: function (filter) {
+                var d = $.Deferred();
+                if(!isSave){
+                    if(gridSettings.hasOwnProperty("pageIndex")){
+                        filter = gridSettings;
+                    }
+                }
+                return $.ajax({
+                    datatype: "json",
+                    type: "GET",
+                    url: "/<%- routeName %>/list",
+                    data: filter,
+                    success: function (html) {
+                        var pi = filter.pageIndex;
+                        var ps = filter.pageSize;
+                        var showing = "Showing <b>";
+                        var pis = (pi * ps);
+                        var i = ((pi - 1) * ps) + 1;
+                        if (pis > html.itemsCount) pis = html.itemsCount;
+                        showing += i + " - " + pis;
+                        showing += "</b> of " + html.itemsCount;
+                        $(".summary").html(showing);
+                        $(".jsgrid-pager-container").addClass("paginaton");
+                        jsFilter = filter;
+                        if(isSave){
+                            saveGrid(filter,"/<%- routeName %>/save");
+                        }
+                    }
+                }).done(function (result) {
+                    d.resolve($.map(result.data, function (item, itemIndex) {
+                        var factor = filter.pageSize * (filter.pageIndex - 1);
+                        return $.extend(item, {"no": (itemIndex + 1) + factor});
+                    }));
+                });
+            },
+            updateItem: function(item) {
+                item.table = "<%- routeName %>";
+                item.model = "updateGrid";
+                return ajaxPost("/ajax",item,function (data) {
+                    $("#jsGrid").jsGrid("loadData");
+                });
+            }
+        },
+        fields: fixGrid(),
+    });
+    $("#create_btn").on("click", function () {
+        location.href = "/<%- routeName %>/create";
+    });
+    $("#importExcel").on("click", function () {
+        location.href = "/<%- routeName %>/import";
+    });
+    $("#super_btn").on("click", function () {
+        location.href = "/create_fields/<%- routeName %>";
+    });
+    $(".export-xls").on("click", function () {
+        location.href = "/<%- routeName %>/excel?" + jQuery.param(jsFilter);
+    });
+    $("#backupExcel").on("click", function () {
+        location.href = "/<%- routeName %>/excel-query?" + jQuery.param(jsFilter);
+    });
+    $("#pageSize").on("change", function () {
+        $("#jsGrid").jsGrid("option", "pageSize", $(this).val());
+        // sorting grid by myField in ascending order
+        if(jsFilter.hasOwnProperty("sortField")){
+            $("#jsGrid").jsGrid("sort", jsFilter.sortField, jsFilter.sortOrder).done(function() {
+                console.log("sorting completed");
+            });
+        }
+    });
+
+    $(".pageSizeGrid").on("click", function () {
+        $("#jsGrid").jsGrid("option", "pageSize", $(this).data("value"));
+        $(".pageSizeGrid").removeClass("active");
+        $(this).addClass("active");
+        $("#dropdownPagination").html("Pagination "+ $(this).data("value"));
+        // sorting grid by myField in ascending order
+        if(jsFilter.hasOwnProperty("sortField")){
+            $("#jsGrid").jsGrid("sort", jsFilter.sortField, jsFilter.sortOrder).done(function() {
+                console.log("sorting completed");
+            });
+        }
+    });
+
+    var group = $("ul.gridsortable").sortable({
+        group: 'gridsortable',
+        isValidTarget: function ($item, container) {
+            if ($item.is(".disabled"))
+                return false;
+            else
+                return true;
+        },
+        onDrop: function ($item, container, _super) {
+            var getidname = $item.parents().attr('id');
+            if (getidname == "gridleft") {
+                $item.find('span').addClass('fa-eye').removeClass('fa-eye-slash')
+            } else {
+                $item.find('span').addClass('fa-eye-slash').removeClass('fa-eye')
+            }
+            _super($item, container);
+        }
+    });
+    $(".grid-submit").on("click", function () {
+        var leftvalue = [];
+        $("#gridleft li").each(function (i) {
+
+            var dataname = $(this).attr('data-name');
+            if (dataname != '') {
+                leftvalue.push(dataname);
+            }
+        });
+        $('#serialize_left').val(JSON.stringify(leftvalue));
+
+        var rightvalue = [];
+
+        $("#gridright li").each(function (i) {
+            var dataname = $(this).attr('data-name');
+            if (dataname != '') {
+                rightvalue.push(dataname);
+            }
+        });
+        $('#serialize_right').val(JSON.stringify(rightvalue));
+        $("#form-grid").submit();
+    });
+    $(".grid-reset").on("click", function(){
+        ajaxDelete("/<%- routeName %>/grid",{},function (data) {
+            if (data.status == 0) {
+                toastr.error(data.message, data.title);
+            } else {
+                $("#jsGrid").jsGrid("loadData");
+                toastr.success(data.message, data.title);
+            }
+            location.href = '';
+        });
+    });
+    $(".label-reset").on("click", function(){
+        ajaxDelete("/<%- routeName %>/labels",{},function (data) {
+            if (data.status == 0) {
+                toastr.error(data.message, data.title);
+            } else {
+                $("#jsGrid").jsGrid("loadData");
+                toastr.success(data.message, data.title);
+            }
+            location.href = '';
+        });
+    });
+    $(".labels-submit").on("click", function () {
+        $("#form-labels").submit();
+    });
+    $("#reloadgrid").on("click", function (e) {
+        e.preventDefault();
+        ajaxPost("/<%- routeName%>/reload",{}, function (data) {
+            location.href="/<%- routeName%>";
+        });
+    });
+
+    submitForm('form-grid', '', '/<%- routeName %>');
+    submitForm('form-labels', '', '/<%- routeName %>');
+    $(function () {
+        if(gridSettings.hasOwnProperty("pageSize")){
+            $("#pageSize").val(gridSettings.pageSize)
+        }
+
+        var gridSearchs = <%- JSON.stringify(gridSearchs)%>;
+        var searchValue = $("table.jsgrid-table > tr").eq(1).find("td");
+        <%- gridSearchs%>
+
+        isSave = true;
+        $(".form-search").on("change", function () {
+            setTimeout(function () {
+                for(var key in jsFilter) {
+                    $("#"+key).val(jsFilter[key]);
+                }
+            },2000);
+        });
+
+        $(".form-advancesearch").on("change","input", function () {
+            advanceSearch();
+        });
+
+        $(".form-advancesearch").on("change","select", function () {
+            advanceSearch();
+        });
+    });
+
+    function advanceSearch() {
+        var arr = $(".form-advancesearch").serializeArray();
+        var o = {}
+        if(arr.length) {
+            $.each(arr, function() {
+                if (o[this.name]) {
+                    if (!o[this.name].push) {
+                        o[this.name] = [o[this.name]];
+                    }
+                    o[this.name].push(this.value || '');
+                } else {
+                    o[this.name] = this.value || '';
+                }
+            });
+        }
+        var obj = {}
+        if(jsFilter.hasOwnProperty("no")) obj.no = jsFilter.no;
+        if(jsFilter.hasOwnProperty("pageIndex")) obj.pageIndex = jsFilter.pageIndex;
+        if(jsFilter.hasOwnProperty("pageSize")) obj.pageSize = jsFilter.pageSize;
+
+        jsFilter = Object.assign(obj,o);
+        console.log(JSON.stringify(jsFilter));
+        $("#jsGrid").jsGrid("search", jsFilter).done(function() {
+            console.log("filtering completed");
+        });
+    }
+</script>

package/lib/views/zgenerator/bootstrap3/update.ejs

@@ -0,0 +1,8 @@
+<%- UI.Form.breadcrumb(frameworkcss, [{text: LANGUAGE['home'], href:"/dashboard"}, {text: LANGUAGE['grid_list'], href:"/"+routeName}, {text: LANGUAGE['update'], active: true}]) %>
+
+<div class="page-header">
+    <h2><%- titleApp %></h2>
+    <small><%- companyName %></small>
+</div>
+
+<% include _form.ejs %>

package/lib/views/zgenerator/bootstrap3/updatejs.ejs

@@ -0,0 +1,3 @@
+<script>
+    submitForm('form-group', '', '/<%- routeName %>');
+</script>