wip

frontend/src/components/Container.vue

@@ -12,7 +12,7 @@
             </div>
             <div class="col-5">
                 <div class="function">
-                    <router-link v-if="!isEditMode" class="btn btn-normal" :to="terminalRouteLink">
+                    <router-link v-if="!isEditMode" class="btn btn-normal" :to="terminalRouteLink" disabled="">
                         <font-awesome-icon icon="terminal" />
                         Bash
                     </router-link>

frontend/src/lang/en.json

@@ -41,5 +41,7 @@
     "addListItem": "Add {0}",
     "deleteContainer": "Delete",
     "addContainer": "Add Container",
-    "addNetwork": "Add Network"
+    "addNetwork": "Add Network",
+    "disableauth.message1": "Are you sure want to <strong>disable authentication</strong>?",
+    "disableauth.message2": "It is designed for scenarios <strong>where you intend to implement third-party authentication</strong> in front of Uptime Kuma such as Cloudflare Access, Authelia or other authentication mechanisms."
 }

frontend/src/mixins/socket.ts

@@ -39,11 +39,41 @@ export default defineComponent({
                 return "🐻";
             }
         },
+
+        /**
+         *  Frontend Version
+         *  It should be compiled to a static value while building the frontend.
+         *  Please see ./frontend/vite.config.ts, it is defined via vite.js
+         * @returns {string}
+         */
+        frontendVersion() {
+            // eslint-disable-next-line no-undef
+            return FRONTEND_VERSION;
+        },
+
+        /**
+         * Are both frontend and backend in the same version?
+         * @returns {boolean}
+         */
+        isFrontendBackendVersionMatched() {
+            if (!this.info.version) {
+                return true;
+            }
+            return this.info.version === this.frontendVersion;
+        },
+
     },
     watch: {
         remember() {
             localStorage.remember = (this.remember) ? "1" : "0";
         },
+
+        // Reload the SPA if the server version is changed.
+        "info.version"(to, from) {
+            if (from && from !== to) {
+                window.location.reload();
+            }
+        },
     },
     created() {
         this.initSocketIO();
@@ -247,6 +277,7 @@ export default defineComponent({
 
         unbindTerminal(terminalName : string) {
             terminalMap.delete(terminalName);
-        }
+        },
+
     }
 });

frontend/src/pages/Settings.vue

@@ -117,39 +117,9 @@ export default {
         loadSettings() {
             this.$root.getSocket().emit("getSettings", (res) => {
                 this.settings = res.data;
-
                 if (this.settings.checkUpdate === undefined) {
                     this.settings.checkUpdate = true;
                 }
-
-                if (this.settings.searchEngineIndex === undefined) {
-                    this.settings.searchEngineIndex = false;
-                }
-
-                if (this.settings.entryPage === undefined) {
-                    this.settings.entryPage = "dashboard";
-                }
-
-                if (this.settings.nscd === undefined) {
-                    this.settings.nscd = true;
-                }
-
-                if (this.settings.dnsCache === undefined) {
-                    this.settings.dnsCache = false;
-                }
-
-                if (this.settings.keepDataPeriodDays === undefined) {
-                    this.settings.keepDataPeriodDays = 180;
-                }
-
-                if (this.settings.tlsExpiryNotifyDays === undefined) {
-                    this.settings.tlsExpiryNotifyDays = [ 7, 14, 21 ];
-                }
-
-                if (this.settings.trustProxy === undefined) {
-                    this.settings.trustProxy = false;
-                }
-
                 this.settingsLoaded = true;
             });
         },

frontend/vite.config.ts

@@ -12,6 +12,9 @@ export default defineConfig({
     server: {
         port: 5000,
     },
+    define: {
+        "FRONTEND_VERSION": JSON.stringify(process.env.npm_package_version),
+    },
     root: "./frontend",
     build: {
         outDir: "../frontend-dist",