1 files changed, 42 insertions, 7 deletions
diff --git a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue
index ccb0a0d1..f223abec 100644
--- a/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue
+++ b/src/views/_sila/Fans/Dynamic/FansDynamicPage.vue
@@ -1,7 +1,11 @@
 <template>
   <b-container fluid="xl">
     <page-title :description="$t('appPageTitle.dynamicInformation')" />
-    <table-date-picker style="margin: -2rem 0 0 -2rem" />
+    <table-date-picker
+      :switch-time-scale="switchTimeScale"
+      :time-scale="timeScale"
+      style="margin: -2rem 0 0 -2rem"
+    />
     <div class="custom-divider" style="margin-top: 0">
       <b-button
         variant="collapse"
@@ -13,12 +17,23 @@
       <b-row class="align-items-end p-2">
         <b-col xs="12" md="3" class="pt-2">
           <b-form-group :label="$t('pageFans.labels.warning')">
-            <b-form-input> </b-form-input>
+            <b-form-input
+              v-model="fanSpeedWarninigInput"
+              type="number"
+              :min="0"
+              :max="fanSpeedShutdownInput"
+            >
+            </b-form-input>
           </b-form-group>
         </b-col>
         <b-col xs="12" md="3" class="pt-2">
           <b-form-group :label="$t('pageFans.labels.shutdown')">
-            <b-form-input> </b-form-input>
+            <b-form-input
+              v-model="fanSpeedShutdownInput"
+              :min="fanSpeedWarninigInput"
+              :max="4000"
+              type="number"
+            ></b-form-input>
           </b-form-group>
         </b-col>
         <b-col xs="12" md="3" class="pt-2">
@@ -89,6 +104,9 @@ export default {
   data() {
     return {
       activeFilters: [],
+      timeScale: 'hour',
+      fanSpeedWarninigInput: 2450,
+      fanSpeedShutdownInput: 3150,
       fanSpeedWarninig: 2450,
       fanSpeedShutdown: 3150,
       fields: [
@@ -151,10 +169,27 @@ export default {
   },
 
   created() {
-    this.startLoader();
-    this.$store.dispatch('fan/getFansDynamic').finally(() => {
-      this.endLoader();
-    });
+    this.loadData();
+  },
+
+  methods: {
+    switchTimeScale(period) {
+      this.timeScale = period;
+      this.loadData();
+    },
+
+    updateTemperature() {
+      this.temperatureWarning = +this.temperatureWarningInput;
+      this.temperatureNonNormal = +this.temperatureNonNormalInput;
+      this.temperatureCritical = +this.temperatureCriticalInput;
+    },
+
+    loadData() {
+      this.startLoader();
+      this.$store.dispatch('fan/getFansDynamic').finally(() => {
+        this.endLoader();
+      });
+    },
   },
 };
 </script>