add areas, dynamic

2 files changed, 60 insertions, 6 deletions

diff --git a/src/components/_sila/Global/Chart.vue b/src/components/_sila/Global/Chart.vue
index d24aad72..d17a5042 100644
--- a/src/components/_sila/Global/Chart.vue
+++ b/src/components/_sila/Global/Chart.vue
@@ -246,6 +246,20 @@ export default {
           this.categories = this.setCategories(101, 'С°');
           this.yMax = 100;
           this.minTickInterval = 25;
+          this.plotBands = [
+            {
+              color: '#F0AC0C1A',
+              dashStyle: 'solid',
+              from: this.nonNormal,
+              to: this.criticalStart,
+            },
+            {
+              color: '#FF41411A',
+              dashStyle: 'solid',
+              from: this.criticalStart,
+              to: this.warning,
+            },
+          ];
           break;
         case 'motherboard':
           this.categories = this.setCategories(101, 'С°');
diff --git a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
index fa98e951..6e6e144e 100644
--- a/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
+++ b/src/views/_sila/Processors/Dynamic/ProcessorsDynamicPage.vue
@@ -13,21 +13,42 @@
         <b-row class="align-items-end pt-2">
           <b-col xs="12" md="6" lg="3" class="pt-2">
             <b-form-group :label="$t('pageProcessors.labels.notNormal')">
-              <b-form-input> </b-form-input>
+              <b-form-input
+                v-model="temperatureNonNormalInput"
+                type="number"
+                :min="0"
+                :max="temperatureCriticalInput"
+              ></b-form-input>
             </b-form-group>
           </b-col>
           <b-col xs="12" md="6" lg="3" class="pt-2">
             <b-form-group :label="$t('pageProcessors.labels.critical')">
-              <b-form-input> </b-form-input>
+              <b-form-input
+                v-model="temperatureCriticalInput"
+                type="number"
+                :min="temperatureNonNormalInput"
+                :max="temperatureWarningInput"
+              >
+              </b-form-input>
             </b-form-group>
           </b-col>
           <b-col xs="12" md="6" lg="3" class="pt-2">
             <b-form-group :label="$t('pageProcessors.labels.warning')">
-              <b-form-input style=""> </b-form-input>
+              <b-form-input
+                v-model="temperatureWarningInput"
+                type="number"
+                :min="temperatureCriticalInput"
+                :max="100"
+              >
+              </b-form-input>
             </b-form-group>
           </b-col>
           <b-col xs="12" md="6" lg="3" class="pt-2">
-            <b-button variant="primary" style="height: 35px">
+            <b-button
+              variant="primary"
+              style="height: 35px"
+              @click="updateTemperature"
+            >
               {{ 'Сохранить' }}
             </b-button>
           </b-col>
@@ -38,7 +59,7 @@
           :colors="colors"
           :warning="temperatureWarning"
           :non-normal="temperatureNonNormal"
-          :critical-start="temperatureCriticalStart"
+          :critical-start="temperatureCritical"
         ></chart>
         <b-table
           v-if="items && items.length > 0"
@@ -96,9 +117,20 @@ export default {
   data() {
     return {
       activeFilters: [],
+      timeScale: 'hour',
       temperatureWarning: 72,
+      temperatureWarningInput: 72,
       temperatureNonNormal: 44,
-      temperatureCriticalStart: 55,
+      temperatureNonNormalInput: 44,
+      temperatureCritical: 55,
+      temperatureCriticalInput: 55,
+      frequencyWarning: 660,
+      frequencyWarningInput: 660,
+      powerWarning: 66,
+      powerWarningInput: 66,
+      powerShutdown: 88,
+      powerShutdownInput: 88,
+      notificationInput: 42,
       fields: [
         {
           key: 'name',
@@ -161,5 +193,13 @@ export default {
       this.endLoader();
     });
   },
+
+  methods: {
+    updateTemperature() {
+      this.temperatureWarning = +this.temperatureWarningInput;
+      this.temperatureNonNormal = +this.temperatureNonNormalInput;
+      this.temperatureCritical = +this.temperatureCriticalInput;
+    },
+  },
 };
 </script>