zet-lib 1.3.43 → 1.4.1

package/lib/index.js

@@ -11,6 +11,7 @@ module.exports = {
   io: require('./io'),
   zMail: require('./Mail'),
   moduleLib: require('./moduleLib'),
+  Model:require('./Model'),
   zApp: require('./zapp'),
   zAppRouter: require('./zAppRouter'),
   zComponent: require('./zComponent'),
@@ -18,6 +19,7 @@ module.exports = {
   zFunction: require('./zFunction'),
   zMenuRouter: require('./zMenuRouter'),
   zGeneratorRouter: require('./zGeneratorRouter'),
+  zViewGenerator:require('./zViewGenerator'),
   zReport: require('./zReport'),
   zRoute: require('./zRoute'),
   zRole: require('./zRole'),

package/lib/views/index_ejs.txt

@@ -0,0 +1,9 @@
+<div class=""> <%- breadcrumb %>
+    <div class="page-header"><h3><%- titleHeader %></h3></div>
+    <div class="gridbox">
+        <div class="row">
+            <div class="float"> <%- dataTable.buttons2 %> </div>
+            <div style="padding-top:7px"></div>
+        </div> <%- dataTable.table %> </div>
+</div>
+<%- myModal %>

package/lib/views/indexcss_ejs.txt

@@ -0,0 +1,2 @@
+<link rel="stylesheet" href="/css/kv-html5-sortable.min.css" >
+<link rel="stylesheet" type="text/css" href="/modules/datatable/datatables.min.css"/>

package/lib/views/indexjs_ejs.txt

@@ -0,0 +1,10 @@
+<script src="/js/jquery-sortable.js"></script>
+<%- dataTable.scripts%>
+<script>
+    $(".gridadd").remove();
+    $(".gridimport").remove();
+    $(".gridlock").remove();
+    $(".griddeleteall").remove();
+    $(".gridlock").remove();
+    $(".export-search-raw").remove();
+</script>

package/lib/views/router.txt

@@ -0,0 +1,120 @@
+const router = require('express').Router();
+const csrf = require('csurf');
+const csrfProtection = csrf({cookie: true});
+const {Util, access, connection, moduleLib, zDebug, zRoute, zRole, zDataTable, zForm} = require('zet-lib');
+const MYMODEL = require('./../models/[[[TABLE_NAME]]]');
+
+router.get('/', async (req, res) => {
+    await zRoute.attributeData(res, MYMODEL);
+    let dataTable = new zDataTable(res.locals);
+    dataTable.filterMODEL = await zRoute.dataTableFilterSync(req,res, MYMODEL, res.locals.gridFilter);
+    const levels = zRole.myLevel(req, res, MYMODEL.table);
+    dataTable.levels = levels;
+    res.render(`layouts/${layout}`, {
+        dataTable: dataTable,
+        levels : levels,
+        titleHeader: `<strong class="text text-info">${MYMODEL.title}</strong>`,
+        breadcrumb : zForm.breadcrumbIndex(),
+        myModal : zForm.modal({
+        attributeData: res.locals.attributeData,
+        visibles: res.locals.visibles,
+        invisibles: res.locals.invisibles,
+        routeName: MYMODEL.table,
+        }, LANGUAGE),
+        renderHead: `${MYMODEL.routeName}/indexcss.ejs`,
+        renderBody: `${MYMODEL.routeName}/index.ejs`,
+        renderEnd: `${MYMODEL.routeName}/indexjs.ejs`
+    });
+});
+
+router.post('/list', async (req, res) => {
+    const data = await zRoute.listData(req, res, MYMODEL, zRole);
+    res.json(data);
+});
+
+router.get('/view/:id', async (req, res) => {
+    await zRoute.attributeData(res, MYMODEL);
+    const id = req.params.id;
+    let data = {};
+    let zForms = {};
+    try {
+        const results = await connection.results({select:zRoute.selectData(MYMODEL),table:MYMODEL.table,where:{id:id}});
+        if (results.length == 0) {
+            req.session.sessionFlash = Util.flashError(LANGUAGE['data_not_found']);
+            return res.redirect('/' + MYMODEL.routeName);
+        }
+        data = results[0];
+        zForms = await zRoute.viewFormsSync(req, res, MYMODEL, data);
+    } catch (err){
+        zDebug(req, res, err);
+        res.send("Err");
+    }
+    res.render(`layouts/${layout}`, {
+        data: data,
+        Util:Util,
+        zForms:zForms,
+        titleHeader: `View : <strong><a href="/${MYMODEL.routeName}">${MYMODEL.title}</a></strong>`,
+        breadcrumb : zForm.breadcrumbView(MYMODEL.routeName),
+        levels: zRole.myLevel(req, res, MYMODEL.table),
+        renderBody: `${MYMODEL.routeName}/view.ejs`
+    });
+});
+
+router.get('/excel-query', async (req,res) => {
+    await zRoute.excelQuery(req, res, MYMODEL);
+});
+
+router.get('/excel', async (req, res) => {
+    const fields = MYMODEL.keysExcel;
+    const results = await connection.results({
+        table: MYMODEL.table,
+        where: {company_id: res.locals.companyId},
+        orderBy: ['id', 'DESC']
+    });
+    await zRoute.excel(req, res, MYMODEL, fields, results);
+});
+
+
+router.get('/preview/:token', async (req, res) => {
+    let token = req.params.token;
+    let data = {}, data2 = {};
+    let template = "";
+    let footers = "";
+    try {
+        let results = await connection.results({table: "zapprovals", where: {token: token}});
+        if (results.length == 0) {
+            req.session.sessionFlash = Util.flashError(LANGUAGE['data_not_found']);
+            return res.redirect('/' + MYMODEL.routeName);
+        }
+        let MYMODEL2 = require("./../models/zapprovals")
+        data = await zRoute.viewTable(req, res, MYMODEL2, results[0], true);
+        let row = await connection.result({table: results[0].table, where: {id: results[0].id_data}});
+        data2 = await zRoute.viewTable(req, res, MYMODEL, row, true);
+        template = data.template;
+        for (var key in data2) {
+            template = Util.replaceAll(template, "{{" + key + "}}", data2[key])
+        }
+        var details = await connection.results({table: "zapprovals_details", where: {title_id: results[0].id}});
+        if (details.length) {
+            footers = await zRoute.approversFooter(details);
+        }
+    } catch (err) {
+        zDebug(req, res, err);
+        res.send("Err");
+    }
+    res.render(`layouts/blank`, {
+        template: template,
+        data: data,
+        footers: footers,
+        Util: Util,
+        details: details,
+        renderBody: 'index/zapprovals_preview.ejs'
+    });
+});
+
+router.post('/grid', access, zRoute.postGrid);
+router.post('/reload', access, zRoute.postGridReload);
+router.post('/chains', access, zRoute.chains);
+router.post('/get_attributes',access, zRoute.getAttributes);
+
+module.exports = router;

package/lib/views/view_ejs.txt

@@ -0,0 +1,9 @@
+<%- breadcrumb %>
+
+<div class="page-header">
+    <h3 class="mb-3"><%- titleHeader %></h3>
+</div>
+<p>&nbsp;</p>
+<div class="boxy">
+[[[GENERATE_VIEW]]]
+</div>

package/lib/views/view_layout.ejs

@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <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><%- titleApp || 'CRUD GENERATOR' %></title>
+    <%- moduleHead %>
+    <link rel="stylesheet" href="/css/app.css" />
+    <%- renderHead ? include("./../" + renderHead) : headHTML %>
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" />
+    <link href="/mdb/css/bootstrap.min.css" rel="stylesheet" />
+    <link rel="stylesheet" href="/css/toastr.min.css" />
+    <link rel="stylesheet" href="/js/sortable.css" />
+    <link href="/mdb/css/mdb.min.css" rel="stylesheet" />
+    <link href="/mdb/css/style.css" rel="stylesheet" />
+    <style type="text/css">
+        .ide_editor {
+            width: 100%;
+            height: 400px;
+        }
+
+        .ide_editor_200 {
+            width: 100%;
+            height: 200px;
+        }
+
+        #modalpopup {
+            display: none;
+            position: fixed;
+            z-index: 1000;
+            top: 0;
+            left: 0;
+            height: 100%;
+            width: 100%;
+            opacity: 0.8;
+        }
+
+        .divbox {
+            border: 1px solid green;
+            min-height: 100px;
+            margin: 30px 1px 30px 1px;
+            padding-top: 10px;
+            padding-bottom: 5px;
+        }
+
+        .tab-content {
+            width: 100%;
+        }
+
+        .tab-pane {
+            width: 100%;
+        }
+
+        .divboxlittle {
+            border: 1px solid green;
+            min-height: 50px;
+            width: 100%;
+            padding-top: 10px;
+            padding-bottom: 5px;
+        }
+
+        ol.mydragable li {
+            cursor: grabbing;
+        }
+
+        body.dragging,
+        body.dragging * {
+            cursor: move !important;
+        }
+
+        .dragged {
+            position: absolute;
+            opacity: 0.5;
+            z-index: 2000;
+        }
+
+        ol.mydragable li.placeholder {
+            position: relative;
+        }
+
+        ol.mydragable li.placeholder:before {
+            position: absolute;
+        }
+
+        .icon-floats {
+            position: absolute;
+        }
+
+        .box-border {
+            border: 1px solid green;
+        }
+
+        .icon-floating {
+            position: relative;
+            top: 40px;
+            left: -30px;
+        }
+
+        .spinner {
+            display: flex;
+            align-items: center;
+            width: 40px;
+            height: 40px;
+            position: fixed;
+            top: 140px;
+            left: 140px;
+            z-index: 10;
+        }
+
+        .sortable-list .item {
+            list-style: none;
+            display: flex;
+            cursor: move;
+            background: #fff;
+            align-items: center;
+            border-radius: 5px;
+            padding: 10px 13px;
+            margin-bottom: 11px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
+            border: 1px solid #ccc;
+            justify-content: space-between;
+        }
+
+        .divtabs {
+            display: flex;
+        }
+
+        #divjoinmodules {
+            border: 1px solid red;
+            min-height: 50px;
+            width: 100%;
+            padding: 15px;
+        }
+
+        .joinContainer {
+            border: 1px solid yellow;
+            min-height: 50px;
+            width: 100%;
+            padding: 15px;
+        }
+    </style>
+</head>
+<body class="grey lighten-3">
+<header>
+    <nav class="navbar fixed-top navbar-expand-lg navbar-light white scrolling-navbar">
+        <div class="container">
+            <a class="navbar-brand waves-effect" href="/dashboard"><strong class="blue-text"><%- menuApp %> </strong></a>
+            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span
+                        class="navbar-toggler-icon"></span></button>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <ul id="main-navbar" class="nav navbar-nav nav-flex-icons ml-auto ms-auto flex-row" data-loaded="dpl">
+                    <div id="navbarNotification" class="d-none">
+                        <div id="navbarNotificationCounter"></div>
+                        <div id="navbarNotificationContent"></div>
+                    </div>
+                    <li class="nav-item me-3 me-lg-0 d-none d-sm-inline-block dropdown">
+                        <a class="nav-link dropdown-toggle" id="new-mdb-technologies-dropdown" role="button"
+                           data-toggle="dropdown" aria-expanded="true"><i class="fa fa-cog"></i> Admin</a>
+                        <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="new-mdb-technologies-dropdown">
+                            <li>
+                                <h5 class="dropdown-header">Admin Menu</h5>
+                            </li>
+                            <li>
+                                <hr class="dropdown-divider" />
+                            </li>
+                            <li>
+                                <a class="dropdown-item" href="/zgenerator"><span>Generator</span></a>
+                            </li>
+                            <li>
+                                <a class="dropdown-item" href="/zmenu"><span>Menu Generator</span></a>
+                            </li>
+                            <li>
+                                <a class="dropdown-item" href="/zviewgenerator"><span>View Generator</span></a>
+                            </li>
+                            <li>
+                                <a class="dropdown-item" href="/zreports"><span>Report Generator</span></a>
+                            </li>
+                        </ul>
+                    </li>
+                    <li class="nav-item d-none d-sm-inline-block">
+                        <a href="#" class="nav-link waves-effect export-file"><i class="fas fa-sign-out-alt"></i> Export</a>
+                    </li>
+                    <li class="nav-item d-none d-sm-inline-block">
+                        <a href="#" data-toggle="modal" data-target="#modal-file" class="nav-link waves-effect"><i
+                                    class="fas fa-syringe"></i> Import</a>
+                    </li>
+                    <li><a href="/dashboard" target="_blank"
+                           class="auth-modal-toggle btn btn-sm btn-primary ripple-surface ms-2 me-1"
+                           data-auth-modal-tab="sign-in">Dashboard</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+</header>
+<main class="mt-5 pt-5">
+    <div class="container-fluid"><%- renderBody ? include("./../" + renderBody) : bodyHTML %></div>
+</main>
+<footer class="page-footer text-center font-small mdb-color darken-2 mt-4 wow fadeIn">
+    <hr class="my-4" />
+    <div class="pb-4">
+        <a href="https://www.facebook.com/sintret" target="_blank"><i class="fab fa-facebook-f mr-3"></i> </a><a
+                href="https://twitter.com/sintret" target="_blank"><i class="fab fa-twitter mr-3"></i> </a><a
+                href="https://www.youtube.com/watch?v=sintret" target="_blank"><i class="fab fa-youtube mr-3"></i> </a><a
+                href="https://plus.google.com/u/0/b/sintret" target="_blank"><i class="fab fa-google-plus-g mr-3"></i> </a><a
+                href="https://dribbble.com/sintret" target="_blank"><i class="fab fa-dribbble mr-3"></i> </a><a
+                href="https://pinterest.com/sintret" target="_blank"><i class="fab fa-pinterest mr-3"></i> </a><a
+                href="https://github.com/sintret" target="_blank"><i class="fab fa-github mr-3"></i> </a><a
+                href="http://codepen.io/sintret/" target="_blank"><i class="fab fa-codepen mr-3"></i></a>
+    </div>
+    <div class="footer-copyright py-3">©2023 - <%- new Date().getFullYear() %> Copyright: <a href="https://sintret.com"
+                                                                                             target="_blank">App Maker</a></div>
+</footer>
+<div class="spinner" style="display: none"><img src="/assets/tiny/reload.svg" width="62" /></div>
+<script src="/js/jquery-3.7.0.min.js"></script>
+<script type="text/javascript" src="/mdb/js/popper.min.js"></script>
+<script type="text/javascript" src="/mdb/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="/mdb/js/mdb.min.js"></script>
+<script src="/js/toastr.min.js"></script>
+<script src="/js/jquery-sortable.js"></script>
+<script src="/js/formv4.min.js"></script>
+<%- moduleEnd %> <%- renderEnd ? include("./../" + renderEnd) : endHTML %>
+</body>
+</html>