admin side menu

views/_menu-admin.ejs

@@ -0,0 +1,19 @@
+<aside class="menu">
+    <h2 class="menu-label">
+        Administrator Tools
+    </h2>
+    <ul class="menu-list">
+        <li>
+            <a class="<%= (headTitle === "Fee Management" ? "is-active" : "") %>" href="<%= urlPrefix %>/admin/fees">
+                <span class="icon is-small"><i class="fas fa-fw fa-dollar-sign" aria-hidden="true"></i></span>
+                <span>Fee Management</span>
+            </a>
+        </li>
+        <li>
+            <a class="<%= (headTitle === "Config Table Management" ? "is-active" : "") %>" href="<%= urlPrefix %>/admin/tables">
+                <span class="icon is-small"><i class="fas fa-fw fa-table" aria-hidden="true"></i></span>
+                <span>Config Table Management</span>
+            </a>
+        </li>
+    </ul>
+</aside>

views/admin-fees.ejs

@@ -1,6 +1,11 @@
 <%- include('_header'); -%>
 
-<nav class="breadcrumb">
+<div class="columns">
+    <div class="column is-3 is-hidden-mobile">
+        <%- include('_menu-admin'); -%>
+    </div>
+    <div class="column">
+        <nav class="breadcrumb">
           <ul>
             <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
             <li>
@@ -16,9 +21,9 @@
                 </a>
             </li>
           </ul>
-</nav>
+        </nav>
         
-<div class="level is-mobile">
+        <div class="level is-mobile">
             <div class="level-left">
                 <div class="level-item">
                     <h1 class="title is-1">
@@ -34,9 +39,11 @@
                     </button>
                 </div>
             </div>
-</div>
+        </div>
         
-<div id="container--feeCategories"></div>
+        <div id="container--feeCategories"></div>
+    </div>
+</div>
 
 <%- include('_footerA'); -%>
 

views/admin-tables.ejs

@@ -1,6 +1,11 @@
 <%- include('_header'); -%>
 
-<nav class="breadcrumb">
+<div class="columns">
+    <div class="column is-3 is-hidden-mobile">
+        <%- include('_menu-admin'); -%>
+    </div>
+    <div class="column">
+        <nav class="breadcrumb">
           <ul>
             <li><a href="<%= urlPrefix %>/dashboard">Home</a></li>
             <li>
@@ -16,13 +21,13 @@
                 </a>
             </li>
           </ul>
-</nav>
+        </nav>
         
-<h1 class="title is-1">
+        <h1 class="title is-1">
             Config Table Management
-</h1>
+        </h1>
         
-<div class="tabs is-boxed">
+        <div class="tabs is-boxed">
             <ul>
                 <li class="is-active">
                     <a href="#tab--workOrderTypes">
@@ -43,8 +48,8 @@
                     </a>
                 </li>
             </ul>
-</div>
-<div class="tabs-container">
+        </div>
+        <div class="tabs-container">
             <div id="tab--workOrderTypes">
                 <h2 class="title is-4">Work Order Types</h2>
                 <table class="table is-striped is-hoverable">
@@ -135,6 +140,8 @@
                     <tbody id="container--lotOccupantTypes"></tbody>
                 </table>
             </div>
+        </div>
+    </div>
 </div>
 
 <%- include('_footerA'); -%>