diff options
Diffstat (limited to 'src/views/SILA/RAID/Settings')
-rw-r--r-- | src/views/SILA/RAID/Settings/RAIDSettingsPage.vue | 254 |
1 files changed, 126 insertions, 128 deletions
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="'Новый виртуальный том'" |