Merge pull request #1007 from chakflying/feat/save-chart-period

Feat: Save and restore chart period
louislam · Apr 15, 2022 · 0c40e32 · 0c40e32
2 parents fb00640 + 6f99d75
commit 0c40e32
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/components/PingChart.vue b/src/components/PingChart.vue
@@ -220,6 +220,7 @@ export default {
             if (newPeriod == "0") {
                 newPeriod = null;
                 this.heartbeatList = null;
+                this.$root.storage().removeItem(`chart-period-${this.monitorId}`);
             } else {
                 this.loading = true;
 
@@ -228,6 +229,7 @@ export default {
                         toast.error(res.msg);
                     } else {
                         this.heartbeatList = res.data;
+                        this.$root.storage()[`chart-period-${this.monitorId}`] = newPeriod;
                     }
                     this.loading = false;
                 });
@@ -248,6 +250,12 @@ export default {
             },
             { deep: true }
         );
+
+        // Load chart period from storage if saved
+        let period = this.$root.storage()[`chart-period-${this.monitorId}`];
+        if (period != null) {
+            this.chartPeriodHrs = Math.min(period, 6);
+        }
     }
 };
 </script>