NodeJs Structure | Judia - NodeJs Admin & Dashboard Template

Admin
controllers

i18n

models
public
- assets
  - css
  - fonts
  - images
  - js
  - json
  - lang
  - libs
routes

src

utils
views
- auth
- layout
- partials
- all ejs file.
app.js

config.env

gulpfile.js

package.json

package-lock.json

File structure

We have used ejs files.

<%- include ('../partials/main') %>
<head>
<%- HeaderCss %>
<%- include ('../partials/head-css') %>
</head>
<body>
    <div id="layout-wrapper">
        <%- include ('../partials/menu') %>
        <div class="main-content">
            <div class="page-content">
                <div class="container-fluid">
                    <%- body%>
                </div><!-- container-fluid -->
            </div><!-- End Page-content -->
            <%- include ('../partials/footer') %>
        </div><!-- end main content-->
    </div><!-- END layout-wrapper -->
    <%- include ('../partials/vendor-scripts') %>
    <%- FooterJs %>
    <!-- App js -->
    <script src="assets/js/app.js">
</body>
</html>

Layout setup

You can set the default layout in the views/partials/main.ejs file in the html tag.


                                <html data-topbar="light" data-layout-width="fluid" data-card-layout="borderless">

data-layout-width="fluid"	To set fluid layout width.
data-layout-width="boxed"	To set boxed layout width.
data-card-layout="borderless"	To set borderless card layouts.
data-card-layout="border"	To set border card layouts.
data-layout-mode="light"	To set Light layout mode.
data-layout-mode="dark"	To set Dark layout mode.
data-layout-mode="brand"	To set Brand layout mode.
data-layout-position="fixed"	To set layout position Fixed.
data-layout-position="scrollable"	To set layout position Scrollable.
data-topbar="light"	To set the Light color of Topbar.
data-topbar="dark"	To set the dark color of Topbar.
data-topbar="brand"	To set the brand color of Topbar.
data-topbar-image="pattern-1"	To set the pattern One of Topbar.
data-topbar-image="pattern-2"	To set the pattern Two of Topbar.
data-topbar-image="pattern-3"	To set the pattern Three of Topbar.
data-preloader="enable"	To enable the preloader on the Page.
data-preloader="disable"	To disable the preloader on the Page.