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.

---
 src/views/SILA/RAID/Settings/RAIDSettingsPage.vue | 254 +++++++++++-----------
 1 file changed, 126 insertions(+), 128 deletions(-)

(limited to 'src/views/SILA/RAID/Settings/RAIDSettingsPage.vue')

diff --git a/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue b/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
index 614c06d1..69380666 100644
--- a/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
+++ b/src/views/SILA/RAID/Settings/RAIDSettingsPage.vue
@@ -4,137 +4,135 @@
     fluid="xxl pt-0 m-0"
   >
     <page-title />
-    <div class="main-container">
-      <data-tabs
-        :slots="raidSlots"
-        :switch-tab="switchRaidSlot"
-        :current-tab="currentRaidSlot"
-        :slot-width="100"
-        :slider-width="79"
-        style="margin-top: 16px"
-      />
-      <page-section class="bootstrap-table__section" style="margin-top: 0px">
-        <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>
-        <b-table
-          responsive="md"
-          show-empty
-          class="bootstrap-rounded-table"
-          :items="items"
-          :fields="fields"
-          :empty-text="$t('global.table.emptyMessage')"
+    <data-tabs
+      :slots="raidSlots"
+      :switch-tab="switchRaidSlot"
+      :current-tab="currentRaidSlot"
+      :slot-width="100"
+      :slider-width="79"
+      style="margin-top: 16px"
+    />
+    <page-section class="bootstrap-table__section" style="margin-top: 0px">
+      <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>
+      <b-table
+        responsive="md"
+        show-empty
+        class="bootstrap-rounded-table"
+        :items="items"
+        :fields="fields"
+        :empty-text="$t('global.table.emptyMessage')"
+      >
+        <template #cell(action)="data">
+          <b-row v-if="data.index <= 5">
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <b-button
+                :id="`popover-action-${data.index}`"
+                class="popover-action-ractive"
+                variant="toogle-popover"
+              >
+                <img :is="iconChevron" class="icon-chevron" />
+              </b-button>
+              <action-settings-popover
+                :id="data.index"
+                :appaly-on-reload="appalyOnReload"
+                :appaly-option1="appalyOption1"
+                :appaly-option2="appalyOption2"
+                :apply-type="applyType"
+              />
+            </b-col>
+          </b-row>
+          <b-row v-else>
+            <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>
+    </page-section>
+    <page-section class="bootstrap-table__section">
+      <div class="settings-container">
+        <span class="bold-16px">{{ $t('RAID.lun') }}</span>
+        <b-button
+          variant="primary"
+          class="apply-button apply-button__lun"
+          @click="$bvModal.show('add-tome-images')"
         >
-          <template #cell(action)="data">
-            <b-row v-if="data.index <= 5">
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
-                <b-button
-                  :id="`popover-action-${data.index}`"
-                  class="popover-action-ractive"
-                  variant="toogle-popover"
-                >
-                  <img :is="iconChevron" class="icon-chevron" />
-                </b-button>
-                <action-settings-popover
-                  :id="data.index"
-                  :appaly-on-reload="appalyOnReload"
-                  :appaly-option1="appalyOption1"
-                  :appaly-option2="appalyOption2"
-                  :apply-type="applyType"
-                />
-              </b-col>
-            </b-row>
-            <b-row v-else>
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
+          {{ $t('global.action.addNew') }}
+        </b-button>
+      </div>
+      <b-table
+        responsive="md"
+        show-empty
+        class="bootstrap-rounded-table"
+        :items="items_2"
+        :fields="fields_2"
+        :empty-text="$t('global.table.emptyMessage')"
+      >
+        <template #cell(action)="data">
+          <b-row>
+            <b-col>
+              <span>
+                {{ data.value }}
+              </span>
+            </b-col>
+            <b-col>
+              <b-button
+                :id="`popover-option-${data.index}`"
+                class="popover-option-ractive"
+                variant="toogle-popover"
+              >
                 <img
-                  src="@/assets/images/icon-edit.svg"
-                  class="icon-chevron icon-edit"
-                />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-      </page-section>
-      <page-section class="bootstrap-table__section">
-        <div class="settings-container">
-          <span class="bold-16px">{{ $t('RAID.lun') }}</span>
-          <b-button
-            variant="primary"
-            class="apply-button apply-button__lun"
-            @click="$bvModal.show('add-tome-images')"
-          >
-            {{ $t('global.action.addNew') }}
-          </b-button>
-        </div>
-        <b-table
-          responsive="md"
-          show-empty
-          class="bootstrap-rounded-table"
-          :items="items_2"
-          :fields="fields_2"
-          :empty-text="$t('global.table.emptyMessage')"
-        >
-          <template #cell(action)="data">
-            <b-row>
-              <b-col>
-                <span>
-                  {{ data.value }}
-                </span>
-              </b-col>
-              <b-col>
-                <b-button
-                  :id="`popover-option-${data.index}`"
-                  class="popover-option-ractive"
-                  variant="toogle-popover"
-                >
-                  <img
-                    src="@/assets/images/icon-options.svg"
-                    class="icon-chevron icon-options"
-                  />
-                </b-button>
-                <options-popover :id="data.index" />
-                <tome-modal
-                  :id="`edit-tome${data.index}`"
-                  :title="'Настройка виртуального тома'"
-                  :action="editTome"
-                  :index="data.index"
-                  :item="items_2[data.index]"
+                  src="@/assets/images/icon-options.svg"
+                  class="icon-chevron icon-options"
                 />
-              </b-col>
-            </b-row>
-          </template>
-        </b-table>
-        <div class="microcode-container">
-          <span class="bold-16px">{{ $t('RAID.microcode') }}</span>
-          <popover
-            id="popover-reactive-1"
-            description="RAID.microcode_update"
-            popup="RAID.microcode_popoveer"
-            button="global.action.refresh"
-            :is-microcode-drivers="true"
-          />
-        </div>
-      </page-section>
-    </div>
+              </b-button>
+              <options-popover :id="data.index" />
+              <tome-modal
+                :id="`edit-tome${data.index}`"
+                :title="'Настройка виртуального тома'"
+                :action="editTome"
+                :index="data.index"
+                :item="items_2[data.index]"
+              />
+            </b-col>
+          </b-row>
+        </template>
+      </b-table>
+      <div class="microcode-container">
+        <span class="bold-16px">{{ $t('RAID.microcode') }}</span>
+        <popover
+          id="popover-reactive-1"
+          description="RAID.microcode_update"
+          popup="RAID.microcode_popoveer"
+          button="global.action.refresh"
+          :is-microcode-drivers="true"
+        />
+      </div>
+    </page-section>
     <tome-modal
       :id="'add-tome-images'"
       :title="'Новый виртуальный том'"
-- 
cgit v1.2.3