zet-lib 1.5.30 → 2.0.0

package/lib/views/zgenerator/routerApp.ejs

@@ -0,0 +1,359 @@
+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('/create', csrfProtection, async(req, res) => {
+    let data = MYMODEL.datas;
+    const zForms = await zRoute.formsFieldSync(req, res, MYMODEL, data);
+    res.render(`layouts/${layout}`, {
+        data: data,
+        zForms: zForms,
+        titleHeader: `${LANGUAGE['form_create']} : <strong><a href="/${MYMODEL.routeName}">${MYMODEL.title}</a></strong>`,
+        csrfToken: req.csrfToken(),
+        breadcrumb : zForm.breadcrumbCreate(MYMODEL.routeName),
+        renderBody: `${MYMODEL.routeName}/create.ejs`,
+        renderEnd: `${MYMODEL.routeName}/createjs.ejs`
+    });
+});
+
+router.post('/create', csrfProtection, async (req, res) => {
+    let json = Util.jsonSuccess(LANGUAGE['data_saved']);
+    try {
+        let data = zRoute.post(req,res, MYMODEL)[MYMODEL.routeName];
+        const validator = zRoute.validator(data, MYMODEL);
+        if(validator.status == 0) return res.json(validator.message);
+        const result = await zRoute.insertSQL(req, res, MYMODEL.table, data);
+        json.data=result;
+    } catch (err) {
+        if(Object.hasOwn(err,"sqlMessage")){
+            json = Util.flashError(err.sqlMessage);
+        } else {
+            json = Util.flashError(err.toString());
+        }
+        zDebug(req, res, err);
+    }
+    res.json(json);
+});
+
+router.get('/update/:id', csrfProtection, async (req, res) => {
+    const id = parseInt(req.params.id);
+    const results = await connection.results({
+        select:zRoute.selectData(MYMODEL),
+        table: MYMODEL.table,
+        where: {
+            id: id,
+            company_id: res.locals.companyId
+        }
+    });
+    if (results.length == 0) {
+        req.session.sessionFlash = Util.flashError(LANGUAGE['data_not_found']);
+        return res.redirect('/' + MYMODEL.routeName);
+    }
+    let data = results[0];
+    const zForms = await zRoute.formsFieldSync(req, res, MYMODEL, data);
+    res.render(`layouts/${layout}`, {
+        data: data,
+        zForms: zForms,
+        titleHeader: `${LANGUAGE['form_update']} : <strong><a href="/${MYMODEL.routeName}">${MYMODEL.title}</a></strong>`,
+        csrfToken: req.csrfToken(),
+        breadcrumb : zForm.breadcrumbUpdate(MYMODEL.routeName, id),
+        renderBody: `${MYMODEL.routeName}/update.ejs`,
+        renderEnd: `${MYMODEL.routeName}/updatejs.ejs`,
+    });
+});
+
+router.post('/update/:id', csrfProtection, async (req, res) => {
+    let json = Util.jsonSuccess(LANGUAGE['data_saved']);
+    try {
+        const id = parseInt(req.params.id);
+        let data = zRoute.post(req,res, MYMODEL)[MYMODEL.routeName];
+        const validator = zRoute.validator(data, MYMODEL);
+        if(validator.status == 0) return res.json(validator.message);
+        const result = await zRoute.updateSQL(req, res,MYMODEL.table, data, {id:id});
+        json.data=result;
+    } catch (err) {
+        console.log(err)
+        if(Object.hasOwn(err,"sqlMessage")){
+            json = Util.flashError(err.sqlMessage);
+        } else {
+            json = Util.flashError(err.toString());
+        }
+        zDebug(req, res, err)
+    }
+    res.json(json);
+});
+
+router.delete('/delete', async (req, res) => {
+    const id = req.body.id;
+    let json = Util.jsonSuccess(LANGUAGE['data_delete']);
+    try {
+        await zRoute.deleteSQL(MYMODEL.table, id, res.locals.companyId);
+    } catch (err) {
+        json = Util.flashError(err.toString());
+        zDebug(req, res, err)
+    }
+    res.json(json);
+});
+
+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('/sample', async (req, res) => {
+    let fields = [];
+    for (let i = 0; i < MYMODEL.keysExcel.length; i++) {
+        if (!Util.in_array(MYMODEL.keysExcel[i], Util.nots)) {
+            fields.push(MYMODEL.keysExcel[i]);
+        }
+    }
+    const results = await connection.results({
+        table:MYMODEL.table,
+        where:{
+            company_id:res.locals.companyId
+        },
+        orderBy:["id","desc"], limit:10
+    });
+    let callback=(result,field)=> {
+        return MYMODEL.widgets[field] && MYMODEL.widgets[field].name == 'datepicker' ? Util.dateSql(result[field]) : result[field];
+    };
+    await zRoute.excel(req, res, MYMODEL, fields, results, callback);
+});
+
+router.get('/import',csrfProtection, async (req, res) => {
+    const room = res.locals.token;
+    res.render(`layouts/${layout}`, {
+        room: room,
+        titleHeader: `Import / Upload data : <strong><a href="/${MYMODEL.routeName}">${MYMODEL.title}</a></strong>`,
+        csrfToken: req.csrfToken(),
+        breadcrumb : zForm.breadcrumbImport(MYMODEL.routeName),
+        renderBody: `${MYMODEL.routeName}/import.ejs`,
+        renderEnd: `${MYMODEL.routeName}/importjs.ejs`
+    });
+});
+
+
+router.post('/import', async(req, res) => {
+    res.json(await zRoute.import(req,res,MYMODEL));
+});
+
+router.get('/approval/:id', async (req, res) => {
+    await zRoute.attributeData(res, MYMODEL);
+    const id = req.params.id;
+    let data = {};
+    let data2 = {};
+    let zForms = {};
+    let zForms2 = {};
+    let result = {};
+    try {
+        result = await connection.result({table: MYMODEL.table, where: {id: id}});
+        if (!result.id) {
+            req.session.sessionFlash = Util.flashError(LANGUAGE['data_not_found']);
+            return res.redirect('/' + MYMODEL.routeName);
+        }
+        data=result;
+        moduleLib.editor(req, res);
+        zForms = await zRoute.viewFormsSync(req, res, MYMODEL, result);
+        const contentScript = `$("#submit_draft").on("click", function () {$("#status").val(1);ajaxPost("/zzapproval",$("#form-group").serializeArray(), function (data) {
+            if (data.status == 0) {
+                toastr.error(data.message, data.title);
+            } else {
+                toastr.success(data.title, data.message);
+            }
+        });});
+        $("#submit").on("click", function () {
+            $('[name="zapprovals[status]"]').val(2);
+            ajaxPost("/zzapproval",$("#form-group").serializeArray(), function (data) {
+                if (data.status == 0) {
+                    toastr.error(data.message, data.title);
+                } else {
+                    toastr.success(data.title, data.message);
+                    location.href = "";
+                }
+            });
+        });
+    `;
+        await moduleLib.addScript(req, res, contentScript);
+        const MODEL_APROVALS = require("./../models/zapprovals");
+        const rows = await connection.results({
+            table: "zapprovals",
+            where: {table: MYMODEL.table, company_id: res.locals.companyId, id_data: id}
+        });
+        if (rows.length) {
+            data2 = rows[0];
+        } else {
+            let obj = {};
+            obj.token = Util.uuid();
+            obj.status = 1;
+            obj.table = MYMODEL.table;
+            obj.company_id = res.locals.companyId;
+            obj.id_data = id;
+            obj.created_by = res.locals.userId;
+            obj.updated_by = res.locals.userId;
+            obj.created_at = Util.now();
+            let zfields = await connection.result({table: "zfields", where: {table: MYMODEL.table}});
+            let jsonApproval = zfields.approval_json || {}
+            obj.template = jsonApproval.content || {}
+            let title = jsonApproval.title;
+            if (title) {
+                let titleData = title;
+                for (var key in data) {
+                    titleData = Util.replaceAll(titleData, "{{" + key + "}}", data[key])
+                }
+                obj.title = titleData
+            }
+            if (jsonApproval.hasOwnProperty("approvers")) {
+                obj.approvers = JSON.stringify(jsonApproval.approvers);
+                obj.knowings = JSON.stringify(jsonApproval.knowings);
+                obj.type = 1;
+            }
+            //insert default data
+            await connection.insert({table: "zapprovals", data: obj});
+            data2 = obj;
+        }
+        zForms2 = await zRoute.formsFieldSync(req, res, MODEL_APROVALS, data2);
+    } catch (err) {
+        zDebug(req, res, err);
+        res.send("Err");
+    }
+    res.render(`layouts/${layout}`, {
+        zForms: zForms,
+        zForms2: zForms2,
+        data: result,
+        result:result,
+        data2: data2,
+        Util: Util,
+        levels: zRole.myLevel(req, res, MYMODEL.table),
+        breadcrumb : zForm.breadcrumbApproval(MYMODEL.routeName, id),
+        renderBody: `${MYMODEL.routeName}/approval.ejs`
+    });
+});
+
+router.get('/preview/:token', async (req, res) => {
+    let token = req.params.token;
+    let data = {}, data2 = {};
+    let template = "";
+    let footers = "";
+    try {
+        let zfields = await connection.result({table: "zfields", where: {table: MYMODEL.table}});
+        let jsonApproval = zfields.approval_json || {}
+        let mytemplate = jsonApproval.content || {}
+        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);
+        }
+        if(results[0].status == 1){
+            await connection.update({
+                table : "zapprovals",
+                data: {
+                    template : mytemplate
+                },
+                where : {
+                    token:token
+                }
+            })
+            results = await connection.results({table: "zapprovals", where: {token: token}});
+        }
+        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;
+        let title = data.title || ""
+        for (var key in data2) {
+            template = Util.replaceAll(template, "{{" + key + "}}", data2[key])
+            title = Util.replaceAll(title, "{{" + key + "}}", data2[key])
+        }
+        data.title = title;
+        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/zgenerator/views/_form.ejs

@@ -0,0 +1,25 @@
+<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">
+
+    </div>
+
+[[[GENERATE_FORM]]]
+
+    <div class="row">
+        <div class="col-md-12">
+            <br>
+            <button id="form-submit" type="submit" class="btn btn btn-success boxy image-button ">
+                <img src="/assets/icons/send.svg" class="icons-bg-white"> <span><%- LANGUAGE['submit'] %></span>
+            </button>
+        </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/views/approval.ejs

@@ -0,0 +1,42 @@
+<%- breadcrumb %>
+<div class="page-header">
+    <h2>Approvals</h2>
+</div>
+<p>&nbsp;</p>
+<form id="form-group" method="post" action="" class="boxy" enctype="multipart/form-data" [[[NO_VALI_DATE_NOVALIDATE]]]  >
+
+<div class="container">
+    [[[GENERATE_VIEW]]]
+</div>
+
+    <input type="hidden" name="zapprovals[table]" value="<%- routeName %>">
+    <input type="hidden" name="zapprovals[id_data]" value="<%- result.id%>">
+    <input type="hidden" name="zapprovals[status]" id="status" value="1">
+    <input type="hidden" name="zapprovals[token]"  value="<%- data2.token%>">
+    <div class="boxy mt-3">
+        <div class="row">
+            <div class="col-md-6">
+                <%- zForms2.build["title"] %>
+            </div>
+            <div class="col-md-6">
+                <%- zForms2.build["type"] %>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-12">
+                <%- zForms2.build["approvers"] %>
+                <%- zForms2.build["knowings"] %>
+            </div>
+        </div>
+        <div class="row">
+            <div class="col-md-12">
+                <br>
+                <a id="submit_preview" target="_blank" href="/<%- routeName%>/preview/<%- data2.token%>" class="btn btn-block boxy btn-warning"><span class="fa fa-paper-plane"></span> Preview</a>
+                <% if(data2.status < 2) {%>
+                <button id="submit_draft" type="button" class="btn btn-block boxy btn-primary"><span class="fa fa-paper-plane"></span> Save as Draft</button>
+                <button id="submit" type="button" class="btn btn-block boxy btn-success"><span class="fa fa-paper-plane"></span> Submit</button>
+                <%}%>
+            </div>
+        </div>
+    </div>
+</form>

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

@@ -0,0 +1,7 @@
+<%- breadcrumb %>
+
+<div class="page-header">
+	<h3 class="mb-3"><%- titleHeader %></h3>
+</div>
+
+<%- include ("_form.ejs") %>

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

@@ -0,0 +1,16 @@
+<script>
+    submitForm('form-group', '', '', function (data) {
+        if(data.status == 1) {
+            location.href = `/<%- routeName%>/view/${data.data.id}`;
+        }
+    });
+    $(window).keydown(function(event){
+        if((event.keyCode == 13)) {
+            var eltarget = $(event.target);
+            if(eltarget.attr("type") == "input") {
+                event.preventDefault();
+                return false;
+            }
+        }
+    });
+</script>

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

@@ -0,0 +1,49 @@
+<%- breadcrumb %>
+
+<div class="page-header">
+    <h3 class="mb-3"><%- titleHeader %></h3>
+</div>
+
+<form id="form-import" method="post" enctype="multipart/form-data" class="boxy">
+    <input type="hidden" name="_csrf" value="<%= csrfToken %>">
+    <div class="row">
+        <div class="col-md-10">
+            <p>&nbsp;</p>
+            <div class="form-group mb-3">
+                <label class="control-label col-md-4" for="file"><%- LANGUAGE['form_label_excel_file']%></label>
+                <div class="col-md-10">
+                    <input type="file" required 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">
+            <p> </p>
+            <button id="form-submit" type="submit" class="btn btn btn-success boxy image-button ">
+                <img src="/assets/icons/upload.svg" class="icons-bg-white"> <%- LANGUAGE['upload']%>
+            </button>
+            &nbsp
+            <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/views/importjs.ejs

@@ -0,0 +1,4 @@
+<script>
+    submitForm('form-import', 'excel');
+    $("input[name='_csrf']").val(document.querySelector('meta[name="csrf-token"]').getAttribute('content'));
+</script>

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

@@ -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/zgenerator/views/indexcss.ejs

@@ -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/zgenerator/views/indexjs.ejs

@@ -0,0 +1,2 @@
+<script src="/js/jquery-sortable.js"></script>
+<%- dataTable.scripts%>

package/lib/views/zgenerator/views/preview.ejs

@@ -0,0 +1,34 @@
+<nav class="navbar navbar-expand-lg navbar-light bg-danger fixed-top" style="color:white" >
+    <div class="container-fluid">
+        <a class="navbar-brand" href="#"><img src="/img/logo.png" width="80"> </a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+
+        <div class=" navbar-collapse justify-content-center" >
+            <h2><%- data.title%></h2>
+            <p><%- data.status%></p>
+        </div>
+
+        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
+            <ul class="nav justify-content-end">
+                <li class="nav-item">
+                    <a class="nav-link active" style="color:white" aria-current="page" href="#">Document</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" style="color:white" href="/dashboard">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" style="color:white" href="<%- routeName%>">Module</a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+<div class="container" style="margin-top: 100px;">
+    <%- template %>
+    <p>&nbsp;</p>
+    <%- footers %>
+</div>
+
+<p></p>

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

@@ -0,0 +1,7 @@
+<%- breadcrumb %>
+
+<div class="page-header">
+    <h3 class="mb-3"><%- titleHeader %></h3>
+</div>
+
+<%- include ("_form.ejs") %>

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

@@ -0,0 +1,16 @@
+<script>
+    submitForm('form-group', '', '', function (data) {
+        if(data.status == 1) {
+            location.href = `/<%- routeName%>/view/${data.data.id}`;
+        }
+    });
+    $(window).keydown(function(event){
+        if((event.keyCode == 13)) {
+            var eltarget = $(event.target);
+            if(eltarget.attr("type") == "input") {
+                event.preventDefault();
+                return false;
+            }
+        }
+    });
+</script>

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

@@ -0,0 +1,36 @@
+<%- breadcrumb %>
+
+<div class="page-header">
+    <h3 class="mb-3"><%- titleHeader %> - <%= data.id %></h3>
+</div>
+
+<div class="row">
+    <div class="col-md-6">
+    </div>
+    <div class="col-md-6">
+        <div class="btn-group float-end" role="group" aria-label="button">
+            <% if(levels.update && !data.lock){ %>
+                <a class="btn btn-primary image-button btn-rounded dimens2x" href="/<%- routeName%>/update/<%= data.id  %>">
+                    <img src="/assets/icons/pencil.svg" class="icons-bg-white" alt="Update">
+                    <span><%- LANGUAGE['update']%></span>
+                </a>  &nbsp;
+            <% } %>
+            <% if(levels.delete && !data.lock){ %>
+                <button class="btn btn-danger image-button btn-rounded  dimens2x" id="<%- routeName %>-delete" data-id="<%= data.id %>">
+                    <img src="/assets/icons/trash.svg" class="icons-bg-white" alt="Delete">
+                    <span><%- LANGUAGE['delete'] %></span>
+                </button>  &nbsp;
+            <% } %>
+            <% if(levels.create){ %>
+                <a class="btn btn-success image-button btn-rounded dimens2x" href="/<%- routeName%>/create">
+                    <img src="/assets/icons/plus.svg" class="icons-bg-white" alt="<%- LANGUAGE['create']%>">
+                    <span><%- LANGUAGE['create']%></span>
+                </a>
+            <% } %>
+        </div>
+    </div>
+</div>
+<p>&nbsp;</p>
+<div class="boxy">
+[[[GENERATE_VIEW]]]
+</div>