diff options
Diffstat (limited to 'src/views/SILA/RAID')
-rw-r--r-- | src/views/SILA/RAID/Cache/RAIDCachePage.vue | 42 | ||||
-rw-r--r-- | src/views/SILA/RAID/Settings/RAIDSettingsPage.vue | 254 | ||||
-rw-r--r-- | src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue | 127 |
3 files changed, 207 insertions, 216 deletions
diff --git a/src/views/SILA/RAID/Cache/RAIDCachePage.vue b/src/views/SILA/RAID/Cache/RAIDCachePage.vue index f41cd787..60ca3a81 100644 --- a/src/views/SILA/RAID/Cache/RAIDCachePage.vue +++ b/src/views/SILA/RAID/Cache/RAIDCachePage.vue @@ -4,28 +4,26 @@ 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 info_section"> - <span class="bold-16px">{{ $t('RAID.cache_info') }}</span> - <b-table - responsive="md" - show-empty - class="bootstrap-rounded-table" - :items="items" - :fields="fields" - :empty-text="$t('global.table.emptyMessage')" - > - </b-table> - </page-section> - </div> + <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 info_section"> + <span class="bold-16px">{{ $t('RAID.cache_info') }}</span> + <b-table + responsive="md" + show-empty + class="bootstrap-rounded-table" + :items="items" + :fields="fields" + :empty-text="$t('global.table.emptyMessage')" + > + </b-table> + </page-section> </b-container> </template> 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="'Новый виртуальный том'" diff --git a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue index 057c120b..44eba030 100644 --- a/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue +++ b/src/views/SILA/RAID/Specification/RAIDSpecificationPage.vue @@ -4,23 +4,69 @@ 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" - /> + <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"> + <b-table + responsive="md" + show-empty + class="bootstrap-rounded-table" + :items="items" + :fields="fields" + :empty-text="$t('global.table.emptyMessage')" + > + <template #cell(value)="{ index, value }"> + <b-row v-if="index === 0"> + <b-col> + <img src="@/assets/images/status/on.svg" class="icon-chevron" /> + <span> + {{ 'Работоспособен' }} + </span> + </b-col> + </b-row> + <b-row v-else-if="index === 7"> + <b-col> + <span class="regular-12px pointer" @click="redirectDrivers"> + {{ value }} + </span> + </b-col> + </b-row> + <b-row v-else-if="index === 8"> + <b-col> + <span class="regular-12px pointer" @click="redirectVirtual"> + {{ value }} + </span> + </b-col> + </b-row> + <b-row v-else> + <b-col> + <span>{{ value }}</span> + </b-col> + </b-row> + </template> + </b-table> + </page-section> + <b-button + v-b-toggle.toggle-collapse + variant="link" + class="collapse-button semi-bold-16px" + > + <component :is="iconChevronUp" class="icon-expand-right" /> + {{ $t('RAID.extraParam') }} + </b-button> + <b-collapse id="toggle-collapse" class="nav-item__nav"> <page-section class="bootstrap-table__section"> <b-table responsive="md" - show-empty - class="bootstrap-rounded-table" - :items="items" - :fields="fields" - :empty-text="$t('global.table.emptyMessage')" + class="bootstrap-table bootstrap-table__stripes" + :items="items_2" + :fields="fields_2" > <template #cell(value)="{ index, value }"> <b-row v-if="index === 0"> @@ -31,20 +77,6 @@ </span> </b-col> </b-row> - <b-row v-else-if="index === 7"> - <b-col> - <span class="regular-12px pointer" @click="redirectDrivers"> - {{ value }} - </span> - </b-col> - </b-row> - <b-row v-else-if="index === 8"> - <b-col> - <span class="regular-12px pointer" @click="redirectVirtual"> - {{ value }} - </span> - </b-col> - </b-row> <b-row v-else> <b-col> <span>{{ value }}</span> @@ -53,44 +85,7 @@ </template> </b-table> </page-section> - <b-button - v-b-toggle.toggle-collapse - variant="link" - class="collapse-button semi-bold-16px" - > - <component :is="iconChevronUp" class="icon-expand-right" /> - {{ $t('RAID.extraParam') }} - </b-button> - <b-collapse id="toggle-collapse" class="nav-item__nav"> - <page-section class="bootstrap-table__section"> - <b-table - responsive="md" - class="bootstrap-table bootstrap-table__stripes" - :items="items_2" - :fields="fields_2" - > - <template #cell(value)="{ index, value }"> - <b-row v-if="index === 0"> - <b-col> - <img - src="@/assets/images/status/on.svg" - class="icon-chevron" - /> - <span> - {{ 'Работоспособен' }} - </span> - </b-col> - </b-row> - <b-row v-else> - <b-col> - <span>{{ value }}</span> - </b-col> - </b-row> - </template> - </b-table> - </page-section> - </b-collapse> - </div> + </b-collapse> </b-container> </template> |