Add a description to the new settings and move first heartbeat update

louislam · Dec 20, 2023 · 8366a37 · 8366a37
1 parent 9ec2d2a
commit 8366a37
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/lang/en.json b/src/lang/en.json
@@ -359,6 +359,7 @@
     "Date Created": "Date Created",
     "Footer Text": "Footer Text",
     "Refresh Interval": "Refresh Interval",
+    "Refresh Interval Description": "The status page will do a full site refresh every {0} seconds",
     "Show Powered By": "Show Powered By",
     "Domain Names": "Domain Names",
     "signedInDisp": "Signed in as {0}",
@@ -884,4 +885,4 @@
     "deleteRemoteBrowserMessage": "Are you sure want to delete this Remote Browser for all monitors?",
     "GrafanaOncallUrl": "Grafana Oncall URL",
     "Browser Screenshot": "Browser Screenshot"
-}
+}
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
@@ -36,10 +36,11 @@
 
                 <div class="my-3">
                     <label for="auto-refresh-interval" class="form-label">{{ $t("Refresh Interval") }}</label>
-                    <input
-                        id="auto-refresh-interval" v-model="config.autoRefreshInterval" type="number"
-                        class="form-control" :min="5"
-                    >
+                    <input id="auto-refresh-interval" v-model="config.autoRefreshInterval" type="number"
+                        class="form-control" :min="5">
+                    <div class="form-text">
+                        {{ $t("Refresh Interval Description", [config.autoRefreshInterval]) }}
+                    </div>
                 </div>
 
                 <div class="my-3">
@@ -717,7 +718,6 @@ export default {
             this.loading = false;
 
             // Configure auto-refresh loop
-            this.updateHeartbeatList();
             feedInterval = setInterval(() => {
                 this.updateHeartbeatList();
             }, (this.config.autoRefreshInterval + 10) * 1000);
@@ -730,6 +730,8 @@ export default {
             console.log(error);
         });
 
+        this.updateHeartbeatList();
+
         // Go to edit page if ?edit present
         // null means ?edit present, but no value
         if (this.$route.query.edit || this.$route.query.edit === null) {