From 010ebea21070c84a6466bbc2bdf5c8b032e5fc3e Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Tue, 13 Jul 2021 18:08:12 +0800
Subject: [PATCH] show version in the footer

---
 server/server.js       | 16 ++++++----------
 src/layouts/Layout.vue | 18 +++++++++++++++++-
 src/mixins/socket.js   | 12 ++++++++++++
 3 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/server/server.js b/server/server.js
index a03e5acbb..c335b25f2 100644
--- a/server/server.js
+++ b/server/server.js
@@ -14,9 +14,7 @@ const {getSettings} = require("./util-server");
 const {Notification} = require("./notification")
 const args = require('args-parser')(process.argv);
 
-console.log("args:")
-console.log(args)
-
+const version = require('../package.json').version;
 const hostname = args.host || "0.0.0.0"
 const port = args.port || 3001
 
@@ -32,18 +30,16 @@ let needSetup = false;
 
     app.use('/', express.static("dist"));
 
-    app.post('/test-webhook', function(request, response, next) {
-        console.log("Test Webhook (application/json only)")
-        console.log("Content-Type: " + request.header("Content-Type"))
-        console.log(request.body)
-        response.end();
-    });
-
     app.get('*', function(request, response, next) {
         response.sendFile(process.cwd() + '/dist/index.html');
     });
 
     io.on('connection', async (socket) => {
+
+        socket.emit("info", {
+            version,
+        })
+
         console.log('a user connected');
         totalClient++;
 
diff --git a/src/layouts/Layout.vue b/src/layouts/Layout.vue
index ef116f4c1..b9aca97f6 100644
--- a/src/layouts/Layout.vue
+++ b/src/layouts/Layout.vue
@@ -33,6 +33,14 @@
         <Login v-if="! $root.loggedIn && $root.allowLoginDialog" />
     </main>
 
+    <footer>
+        <div class="container-fluid">
+            Uptime Kuma -
+            Version: {{ $root.info.version }} -
+            <a href="https://github.com/louislam/uptime-kuma/releases" target="_blank">Check Update On GitHub</a>
+        </div>
+    </footer>
+
     <!-- Mobile Only -->
     <div style="width: 100%;height: 60px;" v-if="$root.isMobile"></div>
     <nav class="bottom-nav" v-if="$root.isMobile">
@@ -130,6 +138,14 @@ export default {
 }
 
 main {
-    margin-bottom: 30px;
+
 }
+
+footer {
+    color: #AAA;
+    font-size: 13px;
+    margin-bottom: 30px;
+    margin-left: 10px;
+}
+
 </style>
diff --git a/src/mixins/socket.js b/src/mixins/socket.js
index 693f2ae01..f0a3b1a6a 100644
--- a/src/mixins/socket.js
+++ b/src/mixins/socket.js
@@ -9,6 +9,7 @@ export default {
 
     data() {
         return {
+            info: { },
             socket: {
                 token: null,
                 firstConnect: true,
@@ -44,6 +45,10 @@ export default {
             transports: ['websocket']
         });
 
+        socket.on('info', (info) => {
+            this.info = info;
+        });
+
         socket.on('setup', (monitorID, data) => {
             this.$router.push("/setup")
         });
@@ -280,6 +285,13 @@ export default {
 
     watch: {
 
+        // Reload the SPA if the server version is changed.
+        "info.version"(to, from) {
+              if (from && from !== to) {
+                  window.location.reload()
+              }
+        },
+
         remember() {
             localStorage.remember = (this.remember) ? "1" : "0"
         }