diff options
Diffstat (limited to 'src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue')
| -rw-r--r-- | src/views/SILA/NetworkAdapters/EthernetAdapters/EthernetAdaptersPage.vue | 378 |
1 files changed, 188 insertions, 190 deletions
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> |