From 1b8d6d756c9dff14d3dd8298ecae7d6fe73192e5 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.

---
 .../NetworkAdapters/Dynamic/NetworkDynamicPage.vue |  63 ++--
 .../EthernetAdapters/EthernetAdaptersPage.vue      | 378 ++++++++++-----------
 .../FcHbaAdapters/FcHbaAdaptersPage.vue            | 218 ++++++------
 3 files changed, 325 insertions(+), 334 deletions(-)

(limited to 'src/views/SILA/NetworkAdapters')

diff --git a/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue b/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
index 95267ece..e50bc399 100644
--- a/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
+++ b/src/views/SILA/NetworkAdapters/Dynamic/NetworkDynamicPage.vue
@@ -4,43 +4,38 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <div class="main-container">
-      <date-switch
-        :switch-time-scale="switchTimeScale"
-        :time-scale="timeScale"
-      />
-      <div class="limit-container">
-        <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="0"
-            :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" />
+    <div class="limit-container">
+      <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="0"
+          :max="100"
+          class="form-control medium-12px"
         >
-          {{ $t('global.action.save') }}
-        </b-button>
+        </b-form-input>
       </div>
-      <!-- Temperature Table -->
-      <temperature-table
-        :time-scale="timeScale"
-        :warning="temperatureWarning"
-        :non-normal="temperatureNonNormal"
-        :critical-start="temperatureCriticalStart"
-      />
-      <accessory-table :records="accessoryData.temperatureTable" />
+      <b-button
+        class="save-button"
+        variant="primary"
+        @click="updateTemperature"
+      >
+        {{ $t('global.action.save') }}
+      </b-button>
     </div>
+    <!-- Temperature Table -->
+    <temperature-table
+      :time-scale="timeScale"
+      :warning="temperatureWarning"
+      :non-normal="temperatureNonNormal"
+      :critical-start="temperatureCriticalStart"
+    />
+    <accessory-table :records="accessoryData.temperatureTable" />
   </b-container>
 </template>
 <script>
diff --git a/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue b/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
index 74e7ee2c..16aeec10 100644
--- a/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
+++ b/src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue
@@ -4,197 +4,195 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <div class="main-container">
-      <data-tabs
-        :slots="adaptersSlots"
-        :switch-tab="switchAdapterSlot"
-        :current-tab="currentAdapterSlot"
-        :slot-width="85"
-        :slider-width="60"
-        style="margin-top: 16px"
-      />
-      <page-section class="bootstrap-table__section">
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('appNavigation.settings') }}</span>
-          <apply-settings-popover
-            :appaly-on-reload="appalyOnReload"
-            :appaly-option1="appalyOption1"
-            :appaly-option2="appalyOption2"
-            :apply-type="applyType"
-          />
-          <b-button variant="primary" class="apply-button">
-            {{ $t('global.action.acceptChanges') }}
-          </b-button>
-        </div>
-        <span class="bold-12px__caps">
-          {{ $t('pageNetwork.macAddress') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes_odd"
-          :items="items"
-          :fields="fields"
-        >
-          <template #cell(value)="data">
-            <b-row>
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
-                <img
-                  src="@/assets/images/icon-edit.svg"
-                  class="icon-chevron icon-edit"
-                />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <span class="bold-12px__caps">
-          {{ $t('adapters.settings') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes_odd"
-          :items="items_2"
-          :fields="fields"
-        >
-          <template #cell(value)="data">
-            <b-row v-if="data.index === 3" class="multiple-select-container">
-              <b-col v-if="selected.length" class="chip-column">
-                <b-row class="chip-container">
-                  <div
-                    v-for="item in selected"
-                    :key="item.value"
-                    class="custom-chip"
-                  >
-                    <span> {{ item.text }} </span>
-                    <img
-                      class="clear-icon"
-                      src="@/assets/images/popups/x-icon.svg"
-                      @click="optionRemove(item.value)"
-                    />
-                  </div>
-                </b-row>
-              </b-col>
-              <b-col v-else>
-                {{ 'Не выбрано ' }}
-              </b-col>
-              <b-col class="icon-container">
-                <b-button id="popover-boot" variant="toogle-popover">
-                  <img :is="iconChevron" class="icon-chevron" />
-                </b-button>
-                <b-popover
-                  placement="left"
-                  triggers="focus"
-                  :show.sync="show"
-                  custom-class="boot-popover"
-                  target="popover-boot"
+    <data-tabs
+      :slots="adaptersSlots"
+      :switch-tab="switchAdapterSlot"
+      :current-tab="currentAdapterSlot"
+      :slot-width="85"
+      :slider-width="60"
+      style="margin-top: 16px"
+    />
+    <page-section class="bootstrap-table__section">
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('appNavigation.settings') }}</span>
+        <apply-settings-popover
+          :appaly-on-reload="appalyOnReload"
+          :appaly-option1="appalyOption1"
+          :appaly-option2="appalyOption2"
+          :apply-type="applyType"
+        />
+        <b-button variant="primary" class="apply-button">
+          {{ $t('global.action.acceptChanges') }}
+        </b-button>
+      </div>
+      <span class="bold-12px__caps">
+        {{ $t('pageNetwork.macAddress') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes_odd"
+        :items="items"
+        :fields="fields"
+      >
+        <template #cell(value)="data">
+          <b-row>
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <img
+                src="@/assets/images/icon-edit.svg"
+                class="icon-chevron icon-edit"
+              />
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <span class="bold-12px__caps">
+        {{ $t('adapters.settings') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes_odd"
+        :items="items_2"
+        :fields="fields"
+      >
+        <template #cell(value)="data">
+          <b-row v-if="data.index === 3" class="multiple-select-container">
+            <b-col v-if="selected.length" class="chip-column">
+              <b-row class="chip-container">
+                <div
+                  v-for="item in selected"
+                  :key="item.value"
+                  class="custom-chip"
                 >
-                  <b-form-group
-                    v-slot="{ ariaDescribedby }"
-                    class="checkbox-group"
-                  >
-                    <b-form-checkbox-group
-                      v-model="selected"
-                      :options="options"
-                      :aria-describedby="ariaDescribedby"
-                      class="regular-14px checkbox-container"
-                      stacked
-                    ></b-form-checkbox-group>
-                  </b-form-group>
-                </b-popover>
-              </b-col>
-            </b-row>
-            <b-row v-else>
-              <b-col>
-                <span>
-                  {{ data.value ? 'Возможно' : 'Не возможно' }}
-                </span>
-              </b-col>
-              <b-col>
-                <img :is="iconChevron" class="icon-chevron icon-options" />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <span class="bold-12px__caps">
-          {{ $t('adapters.propherties') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes"
-          :items="items_3"
-          :fields="fields"
-        >
-        </b-table>
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('adapters.PXE') }}</span>
-          <apply-settings-popover
-            :id="2"
-            :appaly-on-reload="appalyOnReload"
-            :appaly-option1="appalyOption1"
-            :appaly-option2="appalyOption2"
-            :apply-type="applyType"
-          />
-        </div>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes_odd"
-          :items="items_4"
-          :fields="fields"
-        >
-          <template #cell(value)="data">
-            <b-row class="flex-row">
-              <b-col>
-                <span>
-                  {{ data.value ? 'Включено' : 'Выключено' }}
-                </span>
-              </b-col>
-              <b-col>
-                <b-form-checkbox v-model="items_4[data.index].value" switch>
-                </b-form-checkbox>
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('adapters.links') }}</span>
-        </div>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes"
-          :items="items_5"
-          :fields="fields"
-        >
-        </b-table>
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('adapters.transceivers') }}</span>
-        </div>
-        <b-table
-          responsive="md"
-          show-empty
-          class="bootstrap-rounded-table"
-          :items="items_6"
-          :fields="fields_2"
-          :empty-text="$t('global.table.emptyMessage')"
-        >
-        </b-table>
-        <div class="microcode-container">
-          <span class="bold-16px">{{
-            $t('SystemDescription.microcodeAdapter')
-          }}</span>
-          <popover
-            id="popover-reactive-1"
-            description="adapters.microcodeUpdate"
-            popup="adapters.microcodeUpdate_popup"
-            button="global.action.refresh"
-            :is-microcode-drivers="true"
-          />
-        </div>
-      </page-section>
-    </div>
+                  <span> {{ item.text }} </span>
+                  <img
+                    class="clear-icon"
+                    src="@/assets/images/popups/x-icon.svg"
+                    @click="optionRemove(item.value)"
+                  />
+                </div>
+              </b-row>
+            </b-col>
+            <b-col v-else>
+              {{ 'Не выбрано ' }}
+            </b-col>
+            <b-col class="icon-container">
+              <b-button id="popover-boot" variant="toogle-popover">
+                <img :is="iconChevron" class="icon-chevron" />
+              </b-button>
+              <b-popover
+                placement="left"
+                triggers="focus"
+                :show.sync="show"
+                custom-class="boot-popover"
+                target="popover-boot"
+              >
+                <b-form-group
+                  v-slot="{ ariaDescribedby }"
+                  class="checkbox-group"
+                >
+                  <b-form-checkbox-group
+                    v-model="selected"
+                    :options="options"
+                    :aria-describedby="ariaDescribedby"
+                    class="regular-14px checkbox-container"
+                    stacked
+                  ></b-form-checkbox-group>
+                </b-form-group>
+              </b-popover>
+            </b-col>
+          </b-row>
+          <b-row v-else>
+            <b-col>
+              <span>
+                {{ data.value ? 'Возможно' : 'Не возможно' }}
+              </span>
+            </b-col>
+            <b-col>
+              <img :is="iconChevron" class="icon-chevron icon-options" />
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <span class="bold-12px__caps">
+        {{ $t('adapters.propherties') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes"
+        :items="items_3"
+        :fields="fields"
+      >
+      </b-table>
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('adapters.PXE') }}</span>
+        <apply-settings-popover
+          :id="2"
+          :appaly-on-reload="appalyOnReload"
+          :appaly-option1="appalyOption1"
+          :appaly-option2="appalyOption2"
+          :apply-type="applyType"
+        />
+      </div>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes_odd"
+        :items="items_4"
+        :fields="fields"
+      >
+        <template #cell(value)="data">
+          <b-row class="flex-row">
+            <b-col>
+              <span>
+                {{ data.value ? 'Включено' : 'Выключено' }}
+              </span>
+            </b-col>
+            <b-col>
+              <b-form-checkbox v-model="items_4[data.index].value" switch>
+              </b-form-checkbox>
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('adapters.links') }}</span>
+      </div>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes"
+        :items="items_5"
+        :fields="fields"
+      >
+      </b-table>
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('adapters.transceivers') }}</span>
+      </div>
+      <b-table
+        responsive="md"
+        show-empty
+        class="bootstrap-rounded-table"
+        :items="items_6"
+        :fields="fields_2"
+        :empty-text="$t('global.table.emptyMessage')"
+      >
+      </b-table>
+      <div class="microcode-container">
+        <span class="bold-16px">{{
+          $t('SystemDescription.microcodeAdapter')
+        }}</span>
+        <popover
+          id="popover-reactive-1"
+          description="adapters.microcodeUpdate"
+          popup="adapters.microcodeUpdate_popup"
+          button="global.action.refresh"
+          :is-microcode-drivers="true"
+        />
+      </div>
+    </page-section>
   </b-container>
 </template>
 
diff --git a/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue b/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
index 8184349d..6890f2c0 100644
--- a/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
+++ b/src/views/SILA/NetworkAdapters/FcHbaAdapters/FcHbaAdaptersPage.vue
@@ -4,116 +4,114 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <div class="main-container">
-      <data-tabs
-        :slots="adaptersSlots"
-        :switch-tab="switchAdapterSlot"
-        :current-tab="currentAdapterSlot"
-        :slot-width="85"
-        :slider-width="60"
-        style="margin-top: 16px"
-      />
-      <page-section class="bootstrap-table__section">
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('appNavigation.settings') }}</span>
-          <apply-settings-popover
-            :appaly-on-reload="appalyOnReload"
-            :appaly-option1="appalyOption1"
-            :appaly-option2="appalyOption2"
-            :apply-type="applyType"
-          />
-          <b-button variant="primary" class="apply-button">
-            {{ $t('global.action.acceptChanges') }}
-          </b-button>
-        </div>
-        <span class="bold-12px__caps">
-          {{ $t('adapters.wwnAddres') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes_odd"
-          :items="items"
-          :fields="fields"
-        >
-          <template #cell(value)="data">
-            <b-row>
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
-                <img
-                  src="@/assets/images/icon-edit.svg"
-                  class="icon-chevron icon-edit"
-                />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <span class="bold-12px__caps">
-          {{ $t('adapters.settings') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes_odd"
-          :items="items_2"
-          :fields="fields"
-        >
-          <template #cell(value)="data">
-            <b-row v-if="data.index === 0 || data.index === 3">
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-            </b-row>
-            <b-row v-else-if="data.index === 4">
-              <b-col>
-                <span>
-                  {{ data.value ? 'Включено' : 'Выключено' }}
-                </span>
-              </b-col>
-              <b-col>
-                <img :is="iconChevron" class="icon-chevron icon-options" />
-              </b-col>
-            </b-row>
-            <b-row v-else>
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
-                <img :is="iconChevron" class="icon-chevron icon-options" />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <span class="bold-12px__caps">
-          {{ $t('adapters.propherties') }}
-        </span>
-        <b-table
-          responsive="md"
-          class="bootstrap-table bootstrap-table__stripes"
-          :items="items_3"
-          :fields="fields"
-        >
-        </b-table>
-        <div class="microcode-container">
-          <span class="bold-16px">{{
-            $t('SystemDescription.microcodeAdapter')
-          }}</span>
-          <popover
-            id="popover-reactive-1"
-            description="adapters.microcodeUpdate"
-            popup="adapters.microcodeUpdate_popup"
-            button="global.action.refresh"
-            :is-microcode-drivers="true"
-          />
-        </div>
-      </page-section>
-    </div>
+    <data-tabs
+      :slots="adaptersSlots"
+      :switch-tab="switchAdapterSlot"
+      :current-tab="currentAdapterSlot"
+      :slot-width="85"
+      :slider-width="60"
+      style="margin-top: 16px"
+    />
+    <page-section class="bootstrap-table__section">
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('appNavigation.settings') }}</span>
+        <apply-settings-popover
+          :appaly-on-reload="appalyOnReload"
+          :appaly-option1="appalyOption1"
+          :appaly-option2="appalyOption2"
+          :apply-type="applyType"
+        />
+        <b-button variant="primary" class="apply-button">
+          {{ $t('global.action.acceptChanges') }}
+        </b-button>
+      </div>
+      <span class="bold-12px__caps">
+        {{ $t('adapters.wwnAddres') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes_odd"
+        :items="items"
+        :fields="fields"
+      >
+        <template #cell(value)="data">
+          <b-row>
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <img
+                src="@/assets/images/icon-edit.svg"
+                class="icon-chevron icon-edit"
+              />
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <span class="bold-12px__caps">
+        {{ $t('adapters.settings') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes_odd"
+        :items="items_2"
+        :fields="fields"
+      >
+        <template #cell(value)="data">
+          <b-row v-if="data.index === 0 || data.index === 3">
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+          </b-row>
+          <b-row v-else-if="data.index === 4">
+            <b-col>
+              <span>
+                {{ data.value ? 'Включено' : 'Выключено' }}
+              </span>
+            </b-col>
+            <b-col>
+              <img :is="iconChevron" class="icon-chevron icon-options" />
+            </b-col>
+          </b-row>
+          <b-row v-else>
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <img :is="iconChevron" class="icon-chevron icon-options" />
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <span class="bold-12px__caps">
+        {{ $t('adapters.propherties') }}
+      </span>
+      <b-table
+        responsive="md"
+        class="bootstrap-table bootstrap-table__stripes"
+        :items="items_3"
+        :fields="fields"
+      >
+      </b-table>
+      <div class="microcode-container">
+        <span class="bold-16px">{{
+          $t('SystemDescription.microcodeAdapter')
+        }}</span>
+        <popover
+          id="popover-reactive-1"
+          description="adapters.microcodeUpdate"
+          popup="adapters.microcodeUpdate_popup"
+          button="global.action.refresh"
+          :is-microcode-drivers="true"
+        />
+      </div>
+    </page-section>
   </b-container>
 </template>
 
-- 
cgit v1.2.3