implement no auth

server/server.js

@@ -26,7 +26,7 @@ console.log("Importing this project modules");
 debug("Importing Monitor");
 const Monitor = require("./model/monitor");
 debug("Importing Settings");
-const { getSettings, setSettings } = require("./util-server");
+const { getSettings, setSettings, setting } = require("./util-server");
 debug("Importing Notification");
 const { Notification } = require("./notification");
 debug("Importing Database");
@@ -114,6 +114,11 @@ let indexHTML = fs.readFileSync("./dist/index.html").toString();
             socket.emit("setup")
         }
 
+        if (await setting("disableAuth")) {
+            console.log("Disabled Auth: auto login to admin")
+            await afterLogin(socket, await R.findOne("user", " username = 'admin' "))
+        }
+
         socket.on("disconnect", () => {
             totalClient--;
         });
@@ -600,6 +605,8 @@ async function afterLogin(socket, user) {
     }
 
     sendNotificationList(socket)
+
+    socket.emit("autoLogin")
 }
 
 async function getMonitorJSONList(userID) {

src/mixins/socket.js

@@ -56,6 +56,11 @@ export default {
             this.$router.push("/setup")
         });
 
+        socket.on("autoLogin", (monitorID, data) => {
+            this.loggedIn = true;
+            this.storage().token = "autoLogin"
+        });
+
         socket.on("monitorList", (data) => {
             // Add Helper function
             Object.entries(data).forEach(([monitorID, monitor]) => {
@@ -156,8 +161,12 @@ export default {
                 this.clearData()
             }
 
-            if (this.storage().token) {
+            let token = this.storage().token;
-                this.loginByToken(this.storage().token)
+
+            if (token) {
+                if (token !== "autoLogin") {
+                    this.loginByToken(token)
+                }
             } else {
                 this.allowLoginDialog = true;
             }

src/pages/Settings.vue

@@ -27,40 +27,44 @@
                     </div>
                 </form>
 
-                <h2>Change Password</h2>
+                <template v-if="loaded">
-                <form class="mb-3" @submit.prevent="savePassword">
+                    <template v-if="! settings.disableAuth">
-                    <div class="mb-3">
+                        <h2>Change Password</h2>
-                        <label for="current-password" class="form-label">Current Password</label>
+                        <form class="mb-3" @submit.prevent="savePassword">
-                        <input id="current-password" v-model="password.currentPassword" type="password" class="form-control" required>
+                            <div class="mb-3">
-                    </div>
+                                <label for="current-password" class="form-label">Current Password</label>
-
+                                <input id="current-password" v-model="password.currentPassword" type="password" class="form-control" required>
-                    <div class="mb-3">
+                            </div>
-                        <label for="new-password" class="form-label">New Password</label>
+
-                        <input id="new-password" v-model="password.newPassword" type="password" class="form-control" required>
+                            <div class="mb-3">
-                    </div>
+                                <label for="new-password" class="form-label">New Password</label>
+                                <input id="new-password" v-model="password.newPassword" type="password" class="form-control" required>
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="repeat-new-password" class="form-label">Repeat New Password</label>
+                                <input id="repeat-new-password" v-model="password.repeatNewPassword" type="password" class="form-control" :class="{ 'is-invalid' : invalidPassword }" required>
+                                <div class="invalid-feedback">
+                                    The repeat password does not match.
+                                </div>
+                            </div>
+
+                            <div>
+                                <button class="btn btn-primary" type="submit">
+                                    Update Password
+                                </button>
+                            </div>
+                        </form>
+                    </template>
+
+                    <h2>Advanced</h2>
 
                     <div class="mb-3">
-                        <label for="repeat-new-password" class="form-label">Repeat New Password</label>
+                        <button v-if="settings.disableAuth" class="btn btn-outline-primary me-1" @click="enableAuth">Enable Auth</button>
-                        <input id="repeat-new-password" v-model="password.repeatNewPassword" type="password" class="form-control" :class="{ 'is-invalid' : invalidPassword }" required>
+                        <button v-if="! settings.disableAuth" class="btn btn-primary me-1" @click="confirmDisableAuth">Disable Auth</button>
-                        <div class="invalid-feedback">
+                        <button v-if="! settings.disableAuth" class="btn btn-danger me-1" @click="$root.logout">Logout</button>
-                            The repeat password does not match.
-                        </div>
                     </div>
-
+                </template>
-                    <div>
-                        <button class="btn btn-primary" type="submit">
-                            Update Password
-                        </button>
-                    </div>
-                </form>
-
-                <h2>Advanced</h2>
-
-                <div class="mb-3">
-                    <button v-if="settings.disableAuth" class="btn btn-outline-primary me-1" @click="enableAuth">Enable Auth</button>
-                    <button v-if="! settings.disableAuth" class="btn btn-primary me-1" @click="confirmDisableAuth">Disable Auth</button>
-                    <button class="btn btn-danger me-1" @click="$root.logout">Logout</button>
-                </div>
             </div>
 
             <div class="col-md-6">
@@ -128,7 +132,8 @@ export default {
             },
             settings: {
 
-            }
+            },
+            loaded: false,
         }
     },
     watch: {
@@ -166,6 +171,7 @@ export default {
         loadSettings() {
             this.$root.getSocket().emit("getSettings", (res) => {
                 this.settings = res.data;
+                this.loaded = true;
             })
         },
 
@@ -188,6 +194,7 @@ export default {
         enableAuth() {
             this.settings.disableAuth = false;
             this.saveSettings();
+            this.$root.storage().token = null;
         },
 
     },