Merge pull request #2 from Ndaboom/backup-boostrap5

Left sidebar navigation and modal forms inputs and buttons enhanced

package.json

@@ -40,16 +40,20 @@
     "@yetzt/nedb": "1.8.0",
     "archiver": "7.0.0",
     "body-parser": "1.20.2",
+    "bootstrap": "^5.3.3",
     "cbor": "5.2.0",
     "compression": "1.7.4",
     "cookie-session": "2.0.0",
     "express": "4.19.2",
     "express-handlebars": "5.3.5",
     "express-ws": "4.0.0",
     "ipcheck": "0.1.0",
+    "meshcentral": "^1.1.24",
     "minimist": "1.2.8",
     "multiparty": "4.2.3",
     "node-forge": "1.3.1",
+    "nodemon": "^3.1.4",
+    "otplib": "10.2.3",
     "ua-parser-js": "1.0.37",
     "ws": "8.17.1",
     "yauzl": "2.10.0"

public/scripts/themes/theme-switcher.js

@@ -0,0 +1,20 @@
+document.addEventListener('DOMContentLoaded', function () {
+
+const themeSwitcher = document.getElementById('theme-switcher');
+const themeStylesheet = document.getElementById('theme-stylesheet');
+
+// Load saved theme from local storage
+const savedTheme = localStorage.getItem('theme');
+if (savedTheme) {
+  themeStylesheet.href = `styles/themes/${savedTheme}/bootstrap.min.css`;
+  themeSwitcher.value = savedTheme;
+}
+
+// Change theme on selection
+themeSwitcher.addEventListener('change', function () {
+  const selectedTheme = themeSwitcher.value;
+  themeStylesheet.href = `styles/themes/${selectedTheme}/bootstrap.min.css`;
+  // Save selected theme to local storage
+  localStorage.setItem('theme', selectedTheme);
+});
+});

public/styles/style.css

@@ -1531,10 +1531,12 @@ a {
     opacity: 0.9;
 }
 
-.lbbuttonsel2 {
-    width: 82px;
+nav .lbbuttonsel2 {
+    width: 100%;
     border-radius: 5px 0px 0px 5px;
     opacity: 1;
+    background-color: #ffffff;
+    color: #113962 !important;
 }
 
 /*groups all buttons repeated code into one block*/
@@ -3292,3 +3294,7 @@ a {
     background-color: #AAA;
     font-weight: bold;
 }
+
+.sidebar .nav-link {
+    font-size: xx-large;
+}