diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-06 18:39:19 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-06-06 18:39:19 +0300 |
commit | a4dcc4486cba71cd751327184a6651ebcba4e935 (patch) | |
tree | 82ff20e7e7fe8d7a356c68581c4122ee2e136780 /src/views/SILA/NetworkAdapters | |
parent | 0cbf1713dc23e0039653891fab1fa2c52b4bfaf3 (diff) | |
download | webui-vue-a4dcc4486cba71cd751327184a6651ebcba4e935.tar.xz |
Delete main-container, add global scroll to pages, add global style for logs.
Diffstat (limited to 'src/views/SILA/NetworkAdapters')
3 files changed, 325 insertions, 334 deletions
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> |