From a4dcc4486cba71cd751327184a6651ebcba4e935 Mon Sep 17 00:00:00 2001
From: Maksim Zakharov <m.zakharov@IBS.RU>
Date: Mon, 6 Jun 2022 18:39:19 +0300
Subject: Delete main-container, add global scroll to pages, add global style
 for logs.

---
 .../DynamicInfo/ProcessorsDynamicPage.vue          | 342 ++++++++++-----------
 1 file changed, 165 insertions(+), 177 deletions(-)

(limited to 'src/views/Processors/DynamicInfo')

diff --git a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
index 9ba32a4d..2ffc193e 100644
--- a/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
+++ b/src/views/Processors/DynamicInfo/ProcessorsDynamicPage.vue
@@ -23,190 +23,178 @@
         </button>
       </div>
     </div>
-    <div class="main-container">
-      <date-switch
-        :switch-time-scale="switchTimeScale"
-        :time-scale="timeScale"
-      />
-      <!-- Temperature Section -->
-      <div class="page-collapse-decorator">
-        <b-button
-          v-b-toggle.toggle-collapse_1
-          variant="link"
-          class="collapse-button semi-bold-16px"
-        >
-          <img src="@/assets/images/temperature-icon.svg" />
-          <span class="bold-16px">{{ $t('subHeader.temperature') }}</span>
-          <component :is="iconChevronUp" class="icon-expand" />
-        </b-button>
-        <b-collapse id="toggle-collapse_1" class="nav-item__nav">
-          <!-- Temperature Limit Inputs -->
-          <div class="limit-container">
-            <div class="trmperature-limt">
-              <img src="@/assets/images/labels/non-normal.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.nonNormalMode')
-              }}</span>
-              <b-form-input
-                v-model="temperatureNonNormalInput"
-                type="number"
-                :min="0"
-                :max="temperatureCriticalInput"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <div class="trmperature-limt">
-              <img src="@/assets/images/labels/critical.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.criticalMode')
-              }}</span>
-              <b-form-input
-                v-model="temperatureCriticalInput"
-                type="number"
-                :min="temperatureNonNormalInput"
-                :max="temperatureWarningInput"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <div class="trmperature-limt">
-              <img src="@/assets/images/labels/warning.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.temperatureWarning')
-              }}</span>
-              <b-form-input
-                v-model="temperatureWarningInput"
-                type="number"
-                :min="temperatureCriticalInput"
-                :max="100"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <b-button
-              class="save-button"
-              variant="primary"
-              @click="updateTemperature"
+    <date-switch :switch-time-scale="switchTimeScale" :time-scale="timeScale" />
+    <!-- Temperature Section -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_1
+        variant="link"
+        class="collapse-button semi-bold-16px"
+      >
+        <img src="@/assets/images/temperature-icon.svg" />
+        <span class="bold-16px">{{ $t('subHeader.temperature') }}</span>
+        <component :is="iconChevronUp" class="icon-expand" />
+      </b-button>
+      <b-collapse id="toggle-collapse_1" class="nav-item__nav">
+        <!-- Temperature Limit Inputs -->
+        <div class="limit-container">
+          <div class="trmperature-limt">
+            <img src="@/assets/images/labels/non-normal.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.nonNormalMode')
+            }}</span>
+            <b-form-input
+              v-model="temperatureNonNormalInput"
+              type="number"
+              :min="0"
+              :max="temperatureCriticalInput"
+              class="form-control medium-12px"
             >
-              {{ $t('global.action.save') }}
-            </b-button>
+            </b-form-input>
           </div>
-          <!-- Temperature Tables -->
-          <temperature-table
-            :time-scale="timeScale"
-            :warning="temperatureWarning"
-            :non-normal="temperatureNonNormal"
-            :critical-start="temperatureCritical"
-          />
-          <accessory-table :records="accessoryData.temperatureTable" />
-        </b-collapse>
-      </div>
-      <!-- Frequency Section -->
-      <div class="page-collapse-decorator">
-        <b-button
-          v-b-toggle.toggle-collapse_2
-          variant="link"
-          class="collapse-button semi-bold-16px"
-        >
-          <img src="@/assets/images/frequency-icon.svg" />
-          <span class="bold-16px">{{ $t('subHeader.frequency') }}</span>
-          <component :is="iconChevronUp" class="icon-expand" />
-        </b-button>
-        <b-collapse id="toggle-collapse_2" class="nav-item__nav">
-          <div class="limit-container">
-            <div class="frequency-limt">
-              <img src="@/assets/images/labels/warning.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.frequencyWarning')
-              }}</span>
-              <b-form-input
-                v-model="frequencyWarningInput"
-                :min="0"
-                :max="1000"
-                type="number"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <b-button
-              class="save-button"
-              variant="primary"
-              @click="updateFrequency"
+          <div class="trmperature-limt">
+            <img src="@/assets/images/labels/critical.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.criticalMode')
+            }}</span>
+            <b-form-input
+              v-model="temperatureCriticalInput"
+              type="number"
+              :min="temperatureNonNormalInput"
+              :max="temperatureWarningInput"
+              class="form-control medium-12px"
             >
-              {{ $t('global.action.save') }}
-            </b-button>
+            </b-form-input>
           </div>
-          <!-- Frequency Table -->
-          <frequency-table
-            :time-scale="timeScale"
-            :warning="frequencyWarning"
-          />
-          <accessory-table :records="accessoryData.frequencyTable" />
-          <!-- <frequency-table /> -->
-        </b-collapse>
-      </div>
-      <!-- Power Consumption Section -->
-      <div class="page-collapse-decorator">
-        <b-button
-          v-b-toggle.toggle-collapse_3
-          variant="link"
-          class="collapse-button semi-bold-16px"
-        >
-          <img src="@/assets/images/power-icon.svg" />
-          <span class="bold-16px">{{ $t('subHeader.powerConsumption') }}</span>
-          <component :is="iconChevronUp" class="icon-expand" />
-        </b-button>
-        <b-collapse id="toggle-collapse_3" class="nav-item__nav">
-          <div class="limit-container">
-            <div class="frequency-limt">
-              <img src="@/assets/images/labels/warning.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.powerWarning')
-              }}</span>
-              <b-form-input
-                v-model="powerWarningInput"
-                type="number"
-                :min="0"
-                :max="100"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <div class="frequency-limt">
-              <img src="@/assets/images/labels/shutdown.svg" />
-              <span class="semi-bold-12px">{{
-                $t('tablesDescription.powerShutdown')
-              }}</span>
-              <b-form-input
-                v-model="powerShutdownInput"
-                type="number"
-                :min="0"
-                :max="100"
-                class="form-control medium-12px"
-              >
-              </b-form-input>
-            </div>
-            <b-button
-              class="save-button"
-              variant="primary"
-              @click="updatePower"
+          <div class="trmperature-limt">
+            <img src="@/assets/images/labels/warning.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.temperatureWarning')
+            }}</span>
+            <b-form-input
+              v-model="temperatureWarningInput"
+              type="number"
+              :min="temperatureCriticalInput"
+              :max="100"
+              class="form-control medium-12px"
             >
-              {{ $t('global.action.save') }}
-            </b-button>
+            </b-form-input>
           </div>
-          <!-- Power Consumption Table -->
-          <power-table
-            :time-scale="timeScale"
-            :warning="powerWarning"
-            :shutdown="powerShutdown"
-          />
-          <!-- <power-table /> -->
-          <accessory-table :records="accessoryData.powerTable" />
-        </b-collapse>
-      </div>
-      <!-- <page-section class="bootstrap-table__section"> </page-section> -->
+          <b-button
+            class="save-button"
+            variant="primary"
+            @click="updateTemperature"
+          >
+            {{ $t('global.action.save') }}
+          </b-button>
+        </div>
+        <!-- Temperature Tables -->
+        <temperature-table
+          :time-scale="timeScale"
+          :warning="temperatureWarning"
+          :non-normal="temperatureNonNormal"
+          :critical-start="temperatureCritical"
+        />
+        <accessory-table :records="accessoryData.temperatureTable" />
+      </b-collapse>
+    </div>
+    <!-- Frequency Section -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_2
+        variant="link"
+        class="collapse-button semi-bold-16px"
+      >
+        <img src="@/assets/images/frequency-icon.svg" />
+        <span class="bold-16px">{{ $t('subHeader.frequency') }}</span>
+        <component :is="iconChevronUp" class="icon-expand" />
+      </b-button>
+      <b-collapse id="toggle-collapse_2" class="nav-item__nav">
+        <div class="limit-container">
+          <div class="frequency-limt">
+            <img src="@/assets/images/labels/warning.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.frequencyWarning')
+            }}</span>
+            <b-form-input
+              v-model="frequencyWarningInput"
+              :min="0"
+              :max="1000"
+              type="number"
+              class="form-control medium-12px"
+            >
+            </b-form-input>
+          </div>
+          <b-button
+            class="save-button"
+            variant="primary"
+            @click="updateFrequency"
+          >
+            {{ $t('global.action.save') }}
+          </b-button>
+        </div>
+        <!-- Frequency Table -->
+        <frequency-table :time-scale="timeScale" :warning="frequencyWarning" />
+        <accessory-table :records="accessoryData.frequencyTable" />
+        <!-- <frequency-table /> -->
+      </b-collapse>
+    </div>
+    <!-- Power Consumption Section -->
+    <div class="page-collapse-decorator">
+      <b-button
+        v-b-toggle.toggle-collapse_3
+        variant="link"
+        class="collapse-button semi-bold-16px"
+      >
+        <img src="@/assets/images/power-icon.svg" />
+        <span class="bold-16px">{{ $t('subHeader.powerConsumption') }}</span>
+        <component :is="iconChevronUp" class="icon-expand" />
+      </b-button>
+      <b-collapse id="toggle-collapse_3" class="nav-item__nav">
+        <div class="limit-container">
+          <div class="frequency-limt">
+            <img src="@/assets/images/labels/warning.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.powerWarning')
+            }}</span>
+            <b-form-input
+              v-model="powerWarningInput"
+              type="number"
+              :min="0"
+              :max="100"
+              class="form-control medium-12px"
+            >
+            </b-form-input>
+          </div>
+          <div class="frequency-limt">
+            <img src="@/assets/images/labels/shutdown.svg" />
+            <span class="semi-bold-12px">{{
+              $t('tablesDescription.powerShutdown')
+            }}</span>
+            <b-form-input
+              v-model="powerShutdownInput"
+              type="number"
+              :min="0"
+              :max="100"
+              class="form-control medium-12px"
+            >
+            </b-form-input>
+          </div>
+          <b-button class="save-button" variant="primary" @click="updatePower">
+            {{ $t('global.action.save') }}
+          </b-button>
+        </div>
+        <!-- Power Consumption Table -->
+        <power-table
+          :time-scale="timeScale"
+          :warning="powerWarning"
+          :shutdown="powerShutdown"
+        />
+        <!-- <power-table /> -->
+        <accessory-table :records="accessoryData.powerTable" />
+      </b-collapse>
     </div>
+    <!-- <page-section class="bootstrap-table__section"> </page-section> -->
   </b-container>
 </template>
 <script>
-- 
cgit v1.2.3