zet-lib 1.5.29 → 2.0.0

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>

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

@@ -0,0 +1,57 @@
+<%- UI.Form.breadcrumb(frameworkcss, [{text: LANGUAGE['home'], href:"/dashboard"}, {text: LANGUAGE['grid_list'], href:"/"+routeName}, {text: LANGUAGE['update'], href : '/' + routeName+'/update/'+data.id}, {text: LANGUAGE['create'], href : '/'+routeName+'/create'}, {text: LANGUAGE['view'], active : true}]) %>
+
+
+<div class="page-header">
+    <h2><%- titleApp %></h2>
+    <small><%- companyName %></small>
+</div>
+
+<div class="row">
+    <div class="col-md-6">
+        <div class="page-title"><h3><%- menuApp %> <%= data.///COLUMN_COMMON/// %></h3></div>
+    </div>
+    <div class="col-md-6">
+        <div class="btn-group <%- UI.Form.pullRight(frameworkcss)%>" role="group" aria-label="button">
+            <% if(levels.update){ %>
+            <a class="btn btn-info btn-rounded dimens2x" href="/<%- routeName%>/update/<%= data.id  %>"
+               title="Update data"><i class="fa fa-pencil"></i> <%- LANGUAGE['update']%>
+            </a> &nbsp;
+            <% } %>
+            <% if(levels.delete){ %>
+            <button class="btn btn-danger btn-rounded dimens2x" id="<%- routeName %>-delete" data-id="<%= data.id %>"
+                    title="Delete Data"><i class="fa fa-trash"></i> <%- LANGUAGE['delete'] %>
+            </button> &nbsp;
+
+            <% } %>
+            <% if(levels.create){ %>
+            <a class="btn btn-success" href="/<%- routeName%>/create" title="Create data"><i class="fa fa-plus"></i>
+                <%- LANGUAGE['create']%>
+            </a>
+            <% } %>
+
+        </div>
+    </div>
+</div>
+
+<script>
+    document.getElementById("<%- routeName %>-delete").addEventListener("click", deleteData);
+    function deleteData() {
+        if (window.confirm("<%- LANGUAGE['delete_confirm'] %>")) {
+            var http = new XMLHttpRequest();
+            var url = '/<%- routeName %>/delete';
+            var params = 'id=<%- data.id%>';
+            http.open('DELETE', url, true);
+            http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+            http.onreadystatechange = function () {//Call a function when the state changes.
+                if (http.readyState == 4 && http.status == 200) {
+                    location.href = "/<%- routeName%>"
+                }
+            }
+            http.send(params);
+        }
+    }
+</script>
+<p>&nbsp;</p>
+<div class="boxy">
+/*[__GENERATE_VIEWJS__]*/
+</div>

package/lib/views/zgenerator/head.ejs

@@ -0,0 +1,12 @@
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="usertoken" content="<%- token %>"/>
+<meta name="socketUrl" content="<%- socketUrl %>"/>
+<meta name="csrf-token" content="<%- csrfToken %>">
+<title><%- menuApp %></title>
+<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<%- moduleHead %>
+<link rel='stylesheet' href='/css/app.css'/>
+<%- renderHead ? include("./../"+renderHead) : "" %>