diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-24 10:04:19 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-05-24 10:04:19 +0300 |
commit | c4d70da69a3c86f8c07ccdb0f09b755dd99b2155 (patch) | |
tree | fb8579325d609699395e9550eaa803222a321fd6 /src/views/Processors | |
parent | 6facd12596ec8b55bab4be04b473de65e1f22018 (diff) | |
download | webui-vue-c4d70da69a3c86f8c07ccdb0f09b755dd99b2155.tar.xz |
Add global popovers. Add pages: pci, adapters, raid, drivers, virtual drivers. Fix: analytical pannel, bmc-settings popovers. fix global styles
Diffstat (limited to 'src/views/Processors')
-rw-r--r-- | src/views/Processors/Specification/AcceleratorSpecificationTable.vue | 6 | ||||
-rw-r--r-- | src/views/Processors/Specification/ProcessorsSpecificationPage.vue | 77 | ||||
-rw-r--r-- | src/views/Processors/Specification/ProcessorsSpecificationTable.vue | 61 | ||||
-rw-r--r-- | src/views/Processors/Specification/helpers.js (renamed from src/views/Processors/Specification/mock.js) | 2 |
4 files changed, 85 insertions, 61 deletions
diff --git a/src/views/Processors/Specification/AcceleratorSpecificationTable.vue b/src/views/Processors/Specification/AcceleratorSpecificationTable.vue index 2baa7d5d..1be41ac2 100644 --- a/src/views/Processors/Specification/AcceleratorSpecificationTable.vue +++ b/src/views/Processors/Specification/AcceleratorSpecificationTable.vue @@ -20,7 +20,7 @@ <div v-if="value" class="fans-table-col-first__cell"> <img class="status__img" src="@/assets/images/fans-page/working.svg" /> <span> - {{ $t('fansPage.inWork') }} + {{ $t('global.status.inWork') }} </span> </div> <div v-else class="fans-table-col-first__cell"> @@ -29,7 +29,7 @@ src="@/assets/images/fans-page/notWorking.svg" /> <span> - {{ $t('fansPage.notWorking') }} + {{ $t('global.status.outWorking') }} </span> </div> </template> @@ -44,7 +44,7 @@ import IconChevron from '@carbon/icons-vue/es/chevron--down/20'; import BVToastMixin from '@/components/Mixins/BVToastMixin'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; -import { Accelerators } from './mock'; +import { Accelerators } from './helpers'; export default { components: { IconChevron }, mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin], diff --git a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue index 3f9525ae..7baa7e67 100644 --- a/src/views/Processors/Specification/ProcessorsSpecificationPage.vue +++ b/src/views/Processors/Specification/ProcessorsSpecificationPage.vue @@ -10,6 +10,63 @@ $t('pageInventory.installedProcessors') }}</span> <!-- Processors Specification Table --> + <div class="capability-info"> + <b-row> + <b-col class="mt-0 mb-2 p-0 bold-12px__caps"> + {{ $t('pageInventory.table.processorCapabilityInfo') }} + </b-col> + </b-row> + <b-row> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <dd class="attrib-names"> + {{ $t('global.table.attributes') }} + </dd> + <dd>{{ 'Многопоточность' }}</dd> + <dd>{{ 'Виртуализация' }}</dd> + <dd>{{ 'Турбо режим' }}</dd> + </dl> + </b-col> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <dd class="attrib-names">{{ 'Состояние присутсвия' }}</dd> + <dd + v-for="item in processors[0].presence_status" + :key="item.presence_status" + > + {{ item }} + </dd> + </dl> + </b-col> + <b-col class="mt-2 p-0" sm="3" xl="3"> + <dl class="light-12px"> + <!-- Status state --> + <dd class="attrib-names">{{ 'Включен' }}</dd> + <dd> + <b-form-checkbox + v-model="processors[0].statuses.multithreading" + switch + > + </b-form-checkbox> + </dd> + <dd> + <b-form-checkbox + v-model="processors[0].statuses.virtualization" + switch + > + </b-form-checkbox> + </dd> + <dd> + <b-form-checkbox + v-model="processors[0].statuses.turbo" + switch + > + </b-form-checkbox> + </dd> + </dl> + </b-col> + </b-row> + </div> <processors-specification-table /> <span class="bold-16px">{{ $t('pageInventory.installedAccelerator') @@ -24,6 +81,7 @@ <script> import PageTitle from '@/components/Global/PageTitle'; import PageSection from '@/components/Global/PageSection'; +import { processors } from './helpers'; import ProcessorsSpecificationTable from './ProcessorsSpecificationTable'; import AcceleratorSpecificationTable from './AcceleratorSpecificationTable'; @@ -34,6 +92,11 @@ export default { ProcessorsSpecificationTable, AcceleratorSpecificationTable, }, + data() { + return { + processors, + }; + }, }; </script> <style lang="scss" scoped> @@ -41,4 +104,18 @@ export default { display: block; margin: 25px 0 16px 0; } + +.capability-info { + padding-left: 1rem; +} + +.attrib-names { + border-bottom: 1px solid $faint-secondary-primary-10; + color: $text-secondary !important; + font-weight: 600; +} + +.custom-switch { + margin: 0; +} </style> diff --git a/src/views/Processors/Specification/ProcessorsSpecificationTable.vue b/src/views/Processors/Specification/ProcessorsSpecificationTable.vue index 6efc2e21..1d026f1b 100644 --- a/src/views/Processors/Specification/ProcessorsSpecificationTable.vue +++ b/src/views/Processors/Specification/ProcessorsSpecificationTable.vue @@ -27,7 +27,7 @@ <div v-if="value" class="fans-table-col-first__cell"> <img class="status__img" src="@/assets/images/fans-page/working.svg" /> <span> - {{ $t('fansPage.inWork') }} + {{ $t('global.status.inWork') }} </span> </div> <div v-else class="fans-table-col-first__cell"> @@ -36,7 +36,7 @@ src="@/assets/images/fans-page/notWorking.svg" /> <span> - {{ $t('fansPage.notWorking') }} + {{ $t('global.status.outWorking') }} </span> </div> </template> @@ -45,59 +45,6 @@ <b-container fluid> <!-- ProcessorCapabilityInfo --> <b-row> - <b-col class="mt-0 mb-2 p-0 bold-12px__caps"> - {{ $t('pageInventory.table.processorCapabilityInfo') }} - </b-col> - </b-row> - <b-row> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <dd class="attrib-names">{{ $t('global.table.attributes') }}</dd> - <dd>{{ 'Многопоточность' }}</dd> - <dd>{{ 'Виртуализация' }}</dd> - <dd>{{ 'Турбо режим' }}</dd> - </dl> - </b-col> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <dd class="attrib-names">{{ 'Состояние присутсвия' }}</dd> - <dd - v-for="item in processors[index].presence_status" - :key="item.presence_status" - > - {{ dataFormatter(item) }} - </dd> - </dl> - </b-col> - <b-col class="mt-2 p-0" sm="3" xl="3"> - <dl class="light-12px"> - <!-- Status state --> - <dd class="attrib-names">{{ 'Включен' }}</dd> - <dd> - <b-form-checkbox - v-model="processors[index].statuses.multithreading" - switch - > - </b-form-checkbox> - </dd> - <dd> - <b-form-checkbox - v-model="processors[index].statuses.virtualization" - switch - > - </b-form-checkbox> - </dd> - <dd> - <b-form-checkbox - v-model="processors[index].statuses.turbo" - switch - > - </b-form-checkbox> - </dd> - </dl> - </b-col> - </b-row> - <b-row> <b-col class="mt-3 mb-2 p-0 bold-12px__caps"> {{ $t('pageInventory.table.processorCacheInfo') }} </b-col> @@ -202,7 +149,7 @@ import IconChevron from '@carbon/icons-vue/es/chevron--down/20'; import BVToastMixin from '@/components/Mixins/BVToastMixin'; import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; -import { Processors } from './mock'; +import { processors } from './helpers'; export default { components: { IconChevron }, mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin], @@ -210,7 +157,7 @@ export default { return { isBusy: true, isAddersСolon: false, - processors: Processors, + processors, fields: [ { key: 'expandRow', diff --git a/src/views/Processors/Specification/mock.js b/src/views/Processors/Specification/helpers.js index 42ca1c30..6227e4b8 100644 --- a/src/views/Processors/Specification/mock.js +++ b/src/views/Processors/Specification/helpers.js @@ -1,4 +1,4 @@ -export const Processors = [ +export const processors = [ { expandRow: false, status: true, |