zet-lib 1.5.30 → 2.0.1

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) : "" %>

package/lib/views/zgenerator/index.ejs

@@ -0,0 +1,271 @@
+<section class="mt-4">
+
+
+    <!--Grid row-->
+
+    <!--Grid row-->
+    <div class="row">
+        <!--Grid column-->
+        <div class="col-md-12 mb-2">
+            <!--Card-->
+
+            <!--Generator-->
+            <div class="card mb-3 wow fadeIn">
+                <div class="card-header bg-success text-white font-weight-bold">Generator</div>
+                <div class="card-body">
+
+                    <!-- Default form reply -->
+                    <form id="formgenerator" method="post" action="/crud">
+                        <div class="form-group">
+                            <label for="table">Module Name</label>
+                            <select name="table" id="table" class="form-control">
+                                <option value="">Please Select</option>
+                                <% for(var key in rows) {
+                                    var row = rows[key];
+                                    var selected = row.table == table ? " selected " : "";
+
+                                if(row.table != 'zrole') {
+                                %>
+                                <option value="<%= row.table %>" <%= selected %> ><%= row.table %></option>
+                                <% }} %>
+                            </select>
+                        </div>
+
+                        <% if(table) {%>
+                        <div class="form-group">
+                            <label for="route">Title</label>
+                            <input type="text" class="form-control" id="title" name="title" value="<%- datas.name%>" />
+                        </div>
+                        <div class="form-group">
+                            <label for="route">Route</label>
+                            <input type="text" class="form-control" readonly id="route" name="route" value="<%- route%>" />
+                        </div>
+
+                        <div class="form-group">
+                            <label for="route">Tabs</label>
+                            <div class="input-group mb-3">
+                                <input type="text" class="form-control" id="tabname" placeholder="Enter tab name" aria-label="Enter tab name" aria-describedby="button-addon2">
+                                <div class="input-group-append">
+                                    <button class="btn btn-md btn-secondary m-0 px-3" type="button" id="add"><i class="fa fa-plus"></i></button>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="tabs"></div>
+                        <%} %>
+
+                        <div class="text-center mt-4">
+                            <% if(table) {%>
+                            <button class="btn btn-danger text-white" id="delete_module"  type="button"><i class="fa fa-trash"></i> Delete Module</button>
+                            <%}%>
+                            <button class="btn btn-success text-white"  data-toggle="modal" data-target="#add_table" type="button"><i class="fa fa-plus"></i> Add Module</button>
+                            <% if(table) {%>
+                            <button class="btn btn-info" id="savetab" type="button"><i class="fa fa-paper-plane"></i> Save</button>
+                            <%}%>
+                            <% if(table) {%>
+                            <a class="btn btn-warning " href="/<%- table%>" target="__blank" type="button"><i class="fa fa-plane"></i> Go To <%- table%></a>
+                            <%}%>
+                        </div>
+                    </form>
+                    <!-- Default form reply -->
+                </div>
+            </div>
+            <!--Generator-->
+            <div class="card mb-3 wow fadeIn" id="divfields" style="display: none">
+                <div class="card-header secondary-color-dark text-white font-weight-bold">Fields</div>
+                <div class="card-body">
+
+                    <!-- Default form reply -->
+                    <form id="formfields" method="post" action="/generator/fields">
+                        <div id="divtablist" class="row"></div>
+                        <div id="contentfields"></div>
+
+                        <div class="text-center mt-4">
+                            <button class="btn btn-success text-white" data-toggle="modal" data-target="#modal_add_field"  type="button"><i class="fa fa-plus"></i> Add Field</button>
+                            <button class="btn secondary-color-dark text-white" id="save" type="button"><i class="fa fa-paper-plane"></i> Save & Generate</button>
+                        </div>
+                    </form>
+                    <!-- Default form reply -->
+                </div>
+            </div>
+            <!--/Generator-->
+
+            <!--Card-->
+            <div class="card mb-4 wow fadeIn card-script" style="display: none">
+                <div class="card-header font-weight-bold">
+                    <span>Additional Settings</span>
+                </div>
+
+                <div class="card-body">
+                    <h5 class="card-title">Hard Code</h5>
+                    <hr>
+
+                    <div class="row">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <div class="form-group">
+                                    <label for="javascript">Grid / List <span class="badge badge-danger">Please do not remove this</span></label>
+                                    <div class="ide_editor" id="hardcode_grid"><%= datas.hardcode_grid || ""%></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+
+                        </div>
+                    </div>
+                </div>
+
+
+            </div>
+            <!--/.Card-->
+
+
+
+            <!-- Card -->
+            <div class="card mb-4 wow fadeIn card-script" style="display: none">
+                <div class="card-header font-weight-bold">
+                    <span> Files Content</span>
+                </div>
+
+                <div class="card-body">
+
+                    <h5 class="card-title">Files Generator  <span class="badge badge-danger"><small>Using EJS template engine, Let it blank</small></span></h5>
+                    <div class="pull-right"> <button class="btn btn-amber btn-reset">Reset Form</button></div>
+                    <hr>
+
+                    <ul class="nav nav-tabs" id="tabfiles" role="tablist">
+                        <li class="nav-item">
+                            <a class="nav-link active"  data-toggle="tab" href="#tabrouter" role="tab" aria-controls="router"
+                               aria-selected="true">Router</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link "  data-toggle="tab" href="#tabindex" role="tab" aria-controls="index"
+                               aria-selected="true">Index</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link"  data-toggle="tab" href="#tabform" role="tab" aria-controls="form"
+                               aria-selected="false">Form</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link"  data-toggle="tab" href="#tabview" role="tab" aria-controls="view"
+                               aria-selected="false">View</a>
+                        </li>
+                    </ul>
+                    <div class="tab-content" id="mytabfiles">
+                        <div class="tab-pane fade show active" id="tabrouter" role="tabpanel" aria-labelledby="tab-router">
+                            <br>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="javascript">Router</label>
+                                        <div class="ide_editor" id="router"><%- datas.router%></div>
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+
+                        <div class="tab-pane fade" id="tabindex" role="tabpanel" aria-labelledby="index-tab">
+                            <br>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="index.ejs">index.ejs</label>
+                                        <div class="ide_editor" id="index_ejs"></div>
+                                    </div>
+                                </div>
+
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="indexcss_ejs">indexcss.ejs</label>
+                                        <div class="ide_editor_200" id="indexcss_ejs"><%- datas.indexcss_ejs%></div>
+                                    </div>
+                                    <div class="form-group ">
+                                        <label for="indexjs_ejs">indexjs.ejs</label>
+                                        <div class="ide_editor_200" id="indexjs_ejs"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="tab-pane fade" id="tabform" role="tabpanel" aria-labelledby="form-tab">
+                            <br>
+
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="form.ejs">_form.ejs</label>
+                                        <div class="ide_editor" id="form_ejs"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="create_ejs">create.ejs</label>
+                                        <div class="ide_editor_200" id="create_ejs"></div>
+                                    </div>
+                                    <div class="form-group ">
+                                        <label for="createjs_ejs">createjs.ejs</label>
+                                        <div class="ide_editor_200" id="createjs_ejs"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="update_ejs">update.ejs</label>
+                                        <div class="ide_editor_200" id="update_ejs"></div>
+                                    </div>
+                                    <div class="form-group ">
+                                        <label for="updatejs_ejs">updatejs.ejs</label>
+                                        <div class="ide_editor_200" id="updatejs_ejs"></div>
+                                    </div>
+
+                                </div>
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="import_ejs">import.ejs</label>
+                                        <div class="ide_editor_200" id="import_ejs"></div>
+                                    </div>
+                                    <div class="form-group ">
+                                        <label for="importjs_ejs">importjs.ejs</label>
+                                        <div class="ide_editor_200" id="importjs_ejs"></div>
+                                    </div>
+                                </div>
+                            </div>
+
+
+                        </div>
+                        <div class="tab-pane fade" id="tabview" role="tabpanel" aria-labelledby="view-tab">
+                            <br>
+                            <div class="row">
+                                <div class="col-md-6">
+                                    <div class="form-group ">
+                                        <label for="view_ejs">view.ejs</label>
+                                        <div class="ide_editor" id="view_ejs"></div>
+                                    </div>
+                                </div>
+                                <div class="col-md-6">
+
+                                </div>
+                            </div>
+
+
+                        </div>
+                    </div>
+
+
+                </div>
+
+            </div>
+        </div>
+        <!--Grid column-->
+
+        <!--Grid column-->
+
+        <!--Grid column-->
+    </div>
+    <!--Grid row-->
+</section>
+<!--Section: Post-->