updated bootstrap libs

added sandwich symbol

src/resources/wwwroot/adminpanel.html

@@ -42,17 +42,21 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar user panel (optional) -->
+            <!-- Sidebar User -->
-            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+            <nav class="user-panel mt-3 pb-3 mb-3">
-                <div class="image">
+                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    data-accordion="false">
-                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+
-                </div>
+                    <li class="nav-item">
-                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                        <a href="user.html" class="nav-link">
-                <div class="info">
+                            <i class="nav-icon fas fa-user"></i>
-                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                            <p id="userlabel">
-                </div>
+                                Username to set!
-            </div>
+                            </p>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -114,12 +118,12 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark">Dashboard</h1>
+                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Admin Area</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
                             <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
-                            <li class="breadcrumb-item active">Users</li>
+                            <li class="breadcrumb-item active">Admin</li>
                         </ol>
                     </div><!-- /.col -->
                 </div><!-- /.row -->
@@ -243,7 +247,7 @@
 
 <!-- custom js -->
 <script src="js/adminpanel.js"></script>
-<script src="js/userManager.js"></script>
+<script src="js/general.js"></script>
 
 </body>
 </html>

src/resources/wwwroot/css/general.css

@@ -1,3 +1,7 @@
 .hideit{
   display:none;
 }
+
+.sandwich:hover{
+  cursor: pointer;
+}

src/resources/wwwroot/dashboard.html

@@ -44,17 +44,21 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar user panel (optional) -->
+            <!-- Sidebar User -->
-            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+            <nav class="user-panel mt-3 pb-3 mb-3">
-                <div class="image">
+                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    data-accordion="false">
-                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+
-                </div>
+                    <li class="nav-item">
-                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                        <a href="user.html" class="nav-link">
-                <div class="info">
+                            <i class="nav-icon fas fa-user"></i>
-                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                            <p id="userlabel">
-                </div>
+                                Username to set!
-            </div>
+                            </p>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -113,7 +117,7 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark">Dashboard</h1>
+                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Dashboard</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
@@ -142,7 +146,6 @@
                             <div class="icon">
                                 <i class="ion ion-bag"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -157,7 +160,6 @@
                             <div class="icon">
                                 <i class="ion ion-android-globe" style="color: lightgrey"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -172,7 +174,6 @@
                             <div class="icon">
                                 <i class="ion ion-calendar"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -187,7 +188,6 @@
                             <div class="icon">
                                 <i class="ion ion-android-checkmark-circle"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -416,7 +416,7 @@
 <!-- Bootstrap 4 -->
 <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
 <!-- AdminLTE App -->
-<script src="lib/AdminLTE/dist/js/adminlte.js"></script>
+<!--<script src="lib/AdminLTE/dist/js/adminlte.js"></script>-->
 <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
 
 <!-- DataTables -->
@@ -426,7 +426,7 @@
 
 <!-- custom js -->
 <script type="text/javascript" src="js/dashboard.js"></script>
-<script src="js/userManager.js"></script>
+<script src="js/general.js"></script>
 
 </body>
 </html>

src/resources/wwwroot/device.html

@@ -43,17 +43,21 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar user panel (optional) -->
+            <!-- Sidebar User -->
-            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+            <nav class="user-panel mt-3 pb-3 mb-3">
-                <div class="image">
+                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    data-accordion="false">
-                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+
-                </div>
+                    <li class="nav-item">
-                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                        <a href="user.html" class="nav-link">
-                <div class="info">
+                            <i class="nav-icon fas fa-user"></i>
-                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                            <p id="userlabel">
-                </div>
+                                Username to set!
-            </div>
+                            </p>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -112,12 +116,12 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark">Dashboard</h1>
+                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;Devices</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
                             <li class="breadcrumb-item"><a href="dashboard.html">Home</a></li>
-                            <li class="breadcrumb-item active">Users</li>
+                            <li class="breadcrumb-item active">Devices</li>
                         </ol>
                     </div><!-- /.col -->
                 </div><!-- /.row -->
@@ -141,7 +145,6 @@
                             <div class="icon">
                                 <i class="ion ion-bag"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -156,7 +159,6 @@
                             <div class="icon">
                                 <i class="ion ion-stats-bars"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -257,7 +259,7 @@
 <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script>
 
 <!-- custom js -->
-<script src="js/userManager.js"></script>
+<script src="js/general.js"></script>
 <script src="js/device.js"></script>
 </body>
 </html>

src/resources/wwwroot/js/general.js

@@ -1,5 +1,19 @@
 $(document).ready(function () {
-    console.log("page loaded");
+    $('.sandwich').click(function () {
+        const bdy = $('body');
+        if (bdy.hasClass("sidebar-collapse")) {
+            bdy.removeClass("sidebar-collapse");
+        } else {
+            bdy.addClass("sidebar-collapse");
+        }
+
+        if(bdy.hasClass("sidebar-open")){
+            bdy.removeClass("sidebar-open");
+        } else {
+            bdy.addClass("sidebar-open");
+        }
+    });
+
     $.post('/senddata/checkloginstate', 'action=getloginstate', function (data) {
         console.log(data);
         if (data.loggedin == true) {

src/resources/wwwroot/lib/AdminLTE/dist/css/adminlte.css

@@ -898,50 +898,42 @@ pre code {
     flex-grow: 1;
     max-width: 100%;
   }
-
   .row-cols-sm-1 > * {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }
-
   .row-cols-sm-2 > * {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }
-
   .row-cols-sm-3 > * {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }
-
   .row-cols-sm-4 > * {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }
-
   .row-cols-sm-5 > * {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
   }
-
   .row-cols-sm-6 > * {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }
-
   .col-sm-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
   }
-
   .col-sm-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
@@ -1108,50 +1100,42 @@ pre code {
     flex-grow: 1;
     max-width: 100%;
   }
-
   .row-cols-md-1 > * {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }
-
   .row-cols-md-2 > * {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }
-
   .row-cols-md-3 > * {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }
-
   .row-cols-md-4 > * {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }
-
   .row-cols-md-5 > * {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
   }
-
   .row-cols-md-6 > * {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }
-
   .col-md-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
   }
-
   .col-md-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
@@ -1318,50 +1302,42 @@ pre code {
     flex-grow: 1;
     max-width: 100%;
   }
-
   .row-cols-lg-1 > * {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }
-
   .row-cols-lg-2 > * {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }
-
   .row-cols-lg-3 > * {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }
-
   .row-cols-lg-4 > * {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }
-
   .row-cols-lg-5 > * {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
   }
-
   .row-cols-lg-6 > * {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }
-
   .col-lg-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
   }
-
   .col-lg-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
@@ -1528,50 +1504,42 @@ pre code {
     flex-grow: 1;
     max-width: 100%;
   }
-
   .row-cols-xl-1 > * {
     -ms-flex: 0 0 100%;
     flex: 0 0 100%;
     max-width: 100%;
   }
-
   .row-cols-xl-2 > * {
     -ms-flex: 0 0 50%;
     flex: 0 0 50%;
     max-width: 50%;
   }
-
   .row-cols-xl-3 > * {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
   }
-
   .row-cols-xl-4 > * {
     -ms-flex: 0 0 25%;
     flex: 0 0 25%;
     max-width: 25%;
   }
-
   .row-cols-xl-5 > * {
     -ms-flex: 0 0 20%;
     flex: 0 0 20%;
     max-width: 20%;
   }
-
   .row-cols-xl-6 > * {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
   }
-
   .col-xl-auto {
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: auto;
     max-width: 100%;
   }
-
   .col-xl-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
@@ -4517,18 +4485,15 @@ input[type="button"].btn-block {
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
-
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
   }
-
   .navbar-expand-sm > .container,
   .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
-
   .navbar-expand-sm .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
@@ -4562,18 +4527,15 @@ input[type="button"].btn-block {
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
-
   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
   }
-
   .navbar-expand-md > .container,
   .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
-
   .navbar-expand-md .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
@@ -4607,18 +4569,15 @@ input[type="button"].btn-block {
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
-
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
   }
-
   .navbar-expand-lg > .container,
   .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
-
   .navbar-expand-lg .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
@@ -4652,18 +4611,15 @@ input[type="button"].btn-block {
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
-
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 1rem;
     padding-left: 1rem;
   }
-
   .navbar-expand-xl > .container,
   .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
   }
-
   .navbar-expand-xl .navbar-collapse {
     display: -ms-flexbox !important;
     display: flex !important;
@@ -5670,26 +5626,21 @@ a.badge-dark:focus, a.badge-dark.focus {
     -ms-flex-direction: row;
     flex-direction: row;
   }
-
   .list-group-horizontal-sm .list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
-
   .list-group-horizontal-sm .list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
-
   .list-group-horizontal-sm .list-group-item.active {
     margin-top: 0;
   }
-
   .list-group-horizontal-sm .list-group-item + .list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
-
   .list-group-horizontal-sm .list-group-item + .list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
@@ -5701,26 +5652,21 @@ a.badge-dark:focus, a.badge-dark.focus {
     -ms-flex-direction: row;
     flex-direction: row;
   }
-
   .list-group-horizontal-md .list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
-
   .list-group-horizontal-md .list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
-
   .list-group-horizontal-md .list-group-item.active {
     margin-top: 0;
   }
-
   .list-group-horizontal-md .list-group-item + .list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
-
   .list-group-horizontal-md .list-group-item + .list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
@@ -5732,26 +5678,21 @@ a.badge-dark:focus, a.badge-dark.focus {
     -ms-flex-direction: row;
     flex-direction: row;
   }
-
   .list-group-horizontal-lg .list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
-
   .list-group-horizontal-lg .list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
-
   .list-group-horizontal-lg .list-group-item.active {
     margin-top: 0;
   }
-
   .list-group-horizontal-lg .list-group-item + .list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
-
   .list-group-horizontal-lg .list-group-item + .list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
@@ -5763,26 +5704,21 @@ a.badge-dark:focus, a.badge-dark.focus {
     -ms-flex-direction: row;
     flex-direction: row;
   }
-
   .list-group-horizontal-xl .list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }
-
   .list-group-horizontal-xl .list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }
-
   .list-group-horizontal-xl .list-group-item.active {
     margin-top: 0;
   }
-
   .list-group-horizontal-xl .list-group-item + .list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }
-
   .list-group-horizontal-xl .list-group-item + .list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
@@ -10375,7 +10311,6 @@ body,
   .layout-fixed .wrapper .sidebar {
     height: calc(100vh - (3.5rem + 1px));
   }
-
   .layout-fixed.text-sm .wrapper .sidebar {
     height: calc(100vh - (2.93725rem + 1px));
   }
@@ -10844,7 +10779,6 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
   .layout-sm-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-sm-navbar-fixed .wrapper .main-header {
     left: 0;
     position: fixed;
@@ -10852,36 +10786,28 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
     top: 0;
     z-index: 1037;
   }
-
   .layout-sm-navbar-fixed.text-sm .wrapper .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   body:not(.layout-fixed).layout-sm-navbar-fixed .wrapper .main-sidebar {
     margin-top: calc(calc(3.5rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-sm-navbar-fixed .wrapper .main-sidebar .sidebar {
     margin-top: calc(3.5rem + 1px);
   }
-
   body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar {
     margin-top: calc(calc(2.93725rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-sm-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-sm-navbar-not-fixed .wrapper .brand-link {
     position: static;
   }
-
   .layout-sm-navbar-not-fixed .wrapper .sidebar,
   .layout-sm-navbar-not-fixed .wrapper .content-wrapper {
     margin-top: 0;
   }
-
   .layout-sm-navbar-not-fixed .wrapper .main-header {
     position: static;
   }
@@ -10994,7 +10920,6 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
   .layout-md-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-md-navbar-fixed .wrapper .main-header {
     left: 0;
     position: fixed;
@@ -11002,36 +10927,28 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
     top: 0;
     z-index: 1037;
   }
-
   .layout-md-navbar-fixed.text-sm .wrapper .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   body:not(.layout-fixed).layout-md-navbar-fixed .wrapper .main-sidebar {
     margin-top: calc(calc(3.5rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-md-navbar-fixed .wrapper .main-sidebar .sidebar {
     margin-top: calc(3.5rem + 1px);
   }
-
   body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar {
     margin-top: calc(calc(2.93725rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-md-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-md-navbar-not-fixed .wrapper .brand-link {
     position: static;
   }
-
   .layout-md-navbar-not-fixed .wrapper .sidebar,
   .layout-md-navbar-not-fixed .wrapper .content-wrapper {
     margin-top: 0;
   }
-
   .layout-md-navbar-not-fixed .wrapper .main-header {
     position: static;
   }
@@ -11144,7 +11061,6 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
   .layout-lg-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-lg-navbar-fixed .wrapper .main-header {
     left: 0;
     position: fixed;
@@ -11152,36 +11068,28 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
     top: 0;
     z-index: 1037;
   }
-
   .layout-lg-navbar-fixed.text-sm .wrapper .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   body:not(.layout-fixed).layout-lg-navbar-fixed .wrapper .main-sidebar {
     margin-top: calc(calc(3.5rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-lg-navbar-fixed .wrapper .main-sidebar .sidebar {
     margin-top: calc(3.5rem + 1px);
   }
-
   body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar {
     margin-top: calc(calc(2.93725rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-lg-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-lg-navbar-not-fixed .wrapper .brand-link {
     position: static;
   }
-
   .layout-lg-navbar-not-fixed .wrapper .sidebar,
   .layout-lg-navbar-not-fixed .wrapper .content-wrapper {
     margin-top: 0;
   }
-
   .layout-lg-navbar-not-fixed .wrapper .main-header {
     position: static;
   }
@@ -11294,7 +11202,6 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
   .layout-xl-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-xl-navbar-fixed .wrapper .main-header {
     left: 0;
     position: fixed;
@@ -11302,36 +11209,28 @@ body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .side
     top: 0;
     z-index: 1037;
   }
-
   .layout-xl-navbar-fixed.text-sm .wrapper .content-wrapper {
     margin-top: calc(2.93725rem + 1px);
   }
-
   body:not(.layout-fixed).layout-xl-navbar-fixed .wrapper .main-sidebar {
     margin-top: calc(calc(3.5rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-xl-navbar-fixed .wrapper .main-sidebar .sidebar {
     margin-top: calc(3.5rem + 1px);
   }
-
   body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar {
     margin-top: calc(calc(2.93725rem + 1px) / -1);
   }
-
   body:not(.layout-fixed).layout-xl-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
     margin-top: calc(2.93725rem + 1px);
   }
-
   .layout-xl-navbar-not-fixed .wrapper .brand-link {
     position: static;
   }
-
   .layout-xl-navbar-not-fixed .wrapper .sidebar,
   .layout-xl-navbar-not-fixed .wrapper .content-wrapper {
     margin-top: 0;
   }
-
   .layout-xl-navbar-not-fixed .wrapper .main-header {
     position: static;
   }
@@ -13031,11 +12930,9 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
   .sidebar-mini.sidebar-collapse .visible-sidebar-mini {
     display: block !important;
   }
-
   .sidebar-mini.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
     width: 250px;
   }
-
   .sidebar-mini.sidebar-collapse.layout-fixed .brand-link {
     width: 4.6rem;
   }
@@ -13054,7 +12951,6 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
     white-space: nowrap;
     overflow: hidden;
   }
-
   .sidebar-mini-md.sidebar-collapse .d-hidden-mini {
     display: none;
   }
@@ -13138,11 +13034,9 @@ body.sidebar-collapse:not(.sidebar-mini-md):not(.sidebar-mini) .main-header::bef
   .sidebar-mini-md.sidebar-collapse .visible-sidebar-mini {
     display: block !important;
   }
-
   .sidebar-mini-md.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
     width: 250px;
   }
-
   .sidebar-mini-md.sidebar-collapse.layout-fixed .brand-link {
     width: 4.6rem;
   }
@@ -20607,19 +20501,16 @@ html.maximized-card {
     -ms-flex-direction: column;
     flex-direction: column;
   }
-
   .fc-toolbar .fc-left {
     -ms-flex-order: 1;
     order: 1;
     margin-bottom: .5rem;
   }
-
   .fc-toolbar .fc-center {
     -ms-flex-order: 0;
     order: 0;
     margin-bottom: .375rem;
   }
-
   .fc-toolbar .fc-right {
     -ms-flex-order: 2;
     order: 2;
@@ -27842,7 +27733,6 @@ blockquote.quote-gray-dark h6 {
   .content-header {
     display: none !important;
   }
-
   .content-wrapper,
   .main-footer {
     -webkit-transform: translate(0, 0);
@@ -31203,5 +31093,4 @@ a.text-muted:hover {
 [class*="accent-"] a.btn-dark {
   color: #ffffff;
 }
-
 /*# sourceMappingURL=adminlte.css.map */

src/resources/wwwroot/lib/AdminLTE/dist/js/adminlte.js

@@ -7,8 +7,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
   (global = global || self, factory(global.adminlte = {}));
-}(this, (function (exports) {
+}(this, (function (exports) { 'use strict';
-    'use strict';
 
   /**
    * --------------------------------------------
@@ -1881,7 +1880,7 @@
   exports.TodoList = TodoList;
   exports.Treeview = Treeview;
 
-    Object.defineProperty(exports, '__esModule', {value: true});
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
 //# sourceMappingURL=adminlte.js.map

src/resources/wwwroot/lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.js

@@ -7,8 +7,7 @@
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('jquery')) :
   typeof define === 'function' && define.amd ? define(['exports', 'jquery'], factory) :
   (global = global || self, factory(global.bootstrap = {}, global.jQuery));
-}(this, (function (exports, $) {
+}(this, (function (exports, $) { 'use strict';
-  'use strict';
 
   $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
 
@@ -2202,7 +2201,7 @@
 
     // NOTE: 1 DOM access here
 
-    var boundaries = {top: 0, left: 0};
+    var boundaries = { top: 0, left: 0 };
     var offsetParent = fixedPosition ? getFixedPositionOffsetParent(popper) : findCommonOffsetParent(popper, getReferenceNode(reference));
 
     // Handle viewport case
@@ -7129,7 +7128,7 @@
   exports.Tooltip = Tooltip;
   exports.Util = Util;
 
-  Object.defineProperty(exports, '__esModule', {value: true});
+  Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
 //# sourceMappingURL=bootstrap.bundle.js.map

src/resources/wwwroot/user.html

@@ -44,17 +44,21 @@
 
         <!-- Sidebar -->
         <div class="sidebar">
-            <!-- Sidebar user panel (optional) -->
+            <!-- Sidebar User -->
-            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
+            <nav class="user-panel mt-3 pb-3 mb-3">
-                <div class="image">
+                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
-                    <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> -->
+                    data-accordion="false">
-                    <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i>
+
-                </div>
+                    <li class="nav-item">
-                <!-- <i class="nav-icon fas fa-tachometer-alt"></i> -->
+                        <a href="user.html" class="nav-link">
-                <div class="info">
+                            <i class="nav-icon fas fa-user"></i>
-                    <a href="user.html" class="d-block" id="userlabel">Username to set!</a>
+                            <p id="userlabel">
-                </div>
+                                Username to set!
-            </div>
+                            </p>
+                        </a>
+                    </li>
+                </ul>
+            </nav>
 
             <!-- Sidebar Menu -->
             <nav class="mt-2">
@@ -113,7 +117,7 @@
             <div class="container-fluid">
                 <div class="row mb-2">
                     <div class="col-sm-6">
-                        <h1 class="m-0 text-dark">Dashboard</h1>
+                        <h1 class="m-0 text-dark sandwich"><i class="fas fa-bars"></i> &ensp;User Area</h1>
                     </div><!-- /.col -->
                     <div class="col-sm-6">
                         <ol class="breadcrumb float-sm-right">
@@ -142,7 +146,6 @@
                             <div class="icon">
                                 <i class="ion ion-bag"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -157,7 +160,6 @@
                             <div class="icon">
                                 <i class="ion ion-stats-bars"></i>
                             </div>
-                            <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a>
                         </div>
                     </div>
                     <!-- ./col -->
@@ -269,7 +271,7 @@
 
 <!-- custom js -->
 
-<script src="js/userManager.js"></script>
+<script src="js/general.js"></script>
 
 </body>
 </html>