diff options
author | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-10 10:08:22 +0300 |
---|---|---|
committer | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-06-10 10:08:22 +0300 |
commit | 58d1eb3b899b730877299be6635adceb127fe6a9 (patch) | |
tree | 22d26261d8193e6489a559f1a50cd0d4d4c811a1 /src/views/HardwareStatus/Inventory | |
parent | d6d339de0078789cdef367f96c4ea3580e6257e7 (diff) | |
download | webui-vue-58d1eb3b899b730877299be6635adceb127fe6a9.tar.xz |
Fix inventory page
Id task: SILABMC-155
Diffstat (limited to 'src/views/HardwareStatus/Inventory')
10 files changed, 100 insertions, 28 deletions
diff --git a/src/views/HardwareStatus/Inventory/Inventory.vue b/src/views/HardwareStatus/Inventory/Inventory.vue index 132002fe..0e97f711 100644 --- a/src/views/HardwareStatus/Inventory/Inventory.vue +++ b/src/views/HardwareStatus/Inventory/Inventory.vue @@ -1,20 +1,23 @@ <template> - <b-container fluid="xxl pt-0 m-2"> + <b-container fluid class="p-0 m-0"> <page-title /> <!-- Service indicators --> <service-indicator /> <!-- Quicklinks section --> - <page-section :section-title="$t('pageInventory.quicklinkTitle')"> - <b-row class="w-75"> - <b-col v-for="column in quicklinkColumns" :key="column.id" xl="4"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.quicklinkTitle')" + > + <b-row> + <b-col v-for="column in quicklinkColumns" :key="column.id"> <div v-for="item in column" :key="item.id"> <b-link :href="item.href" :data-ref="item.dataRef" @click.prevent="scrollToOffset" > - <jump-link /> {{ item.linkText }} + {{ item.linkText }} </b-link> </div> </b-col> @@ -60,7 +63,6 @@ import TableProcessors from './InventoryTableProcessors'; import TableAssembly from './InventoryTableAssembly'; import LoadingBarMixin from '@/components/Mixins/LoadingBarMixin'; import PageSection from '@/components/Global/PageSection'; -import JumpLink16 from '@carbon/icons-vue/es/jump-link/16'; import JumpLinkMixin from '@/components/Mixins/JumpLinkMixin'; import { chunk } from 'lodash'; @@ -77,7 +79,6 @@ export default { TableProcessors, TableAssembly, PageSection, - JumpLink: JumpLink16, }, mixins: [LoadingBarMixin, JumpLinkMixin], beforeRouteLeave(to, from, next) { diff --git a/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue b/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue index 01f4a446..cfb9aa84 100644 --- a/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue +++ b/src/views/HardwareStatus/Inventory/InventoryServiceIndicator.vue @@ -1,8 +1,9 @@ <template> <page-section - :section-title="$t('pageInventory.systemIndicator.sectionTitle')" + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.systemIndicator.sectionTitle')" > - <div class="form-background pl-4 pt-4 pb-1"> + <div class="form-background"> <b-row> <b-col sm="6" md="3"> <dl> @@ -74,3 +75,8 @@ export default { }, }; </script> +<style lang="scss" scoped> +.custom-switch { + margin: 0; +} +</style> diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue index b4010bfe..f7fef0e3 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue @@ -1,13 +1,15 @@ <template> - <page-section :section-title="$t('pageInventory.assemblies')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.assemblies')" + > <b-table + class="bootstrap-rounded-table" sort-icon-left no-sort-reset - hover responsive="md" :items="items" :fields="fields" - show-empty :empty-text="$t('global.table.emptyMessage')" :busy="isBusy" > diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue index 48b914f4..41a88c2e 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue @@ -1,11 +1,14 @@ <template> - <page-section :section-title="$t('pageInventory.bmcManager')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.bmcManager')" + > <b-table + class="bootstrap-rounded-table" responsive="md" - hover + show-empty :items="items" :fields="fields" - show-empty :empty-text="$t('global.table.emptyMessage')" :busy="isBusy" > @@ -15,7 +18,6 @@ variant="link" data-test-id="hardwareStatus-button-expandBmc" :title="expandRowLabel" - class="btn-icon-only" @click="toggleRowDetails(row)" > <icon-chevron /> @@ -243,3 +245,38 @@ export default { }, }; </script> +<style lang="scss" scoped> +.row { + margin: 0px; + flex-wrap: nowrap; +} +.fans-table-col-first__cell { + display: flex; + flex-flow: row nowrap; + align-items: center; + justify-content: flex-start; +} + +.status__img { + margin-right: 7px; +} + +.bold-12px__caps { + color: $text-secondary; +} + +.attrib-names { + border-bottom: 1px solid $faint-secondary-primary-10; + color: $text-secondary !important; + font-weight: 600; +} + +.custom-switch { + margin: 0; +} + +.btn-link { + width: 30px !important; + height: 20px !important; +} +</style> diff --git a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue index b49cec7f..60f593f4 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue @@ -1,11 +1,14 @@ <template> - <page-section :section-title="$t('pageInventory.chassis')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.chassis')" + > <b-table + class="bootstrap-rounded-table" responsive="md" - hover + show-empty :items="chassis" :fields="fields" - show-empty :empty-text="$t('global.table.emptyMessage')" :busy="isBusy" > diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue index 65994810..020ab1f6 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue @@ -1,5 +1,8 @@ <template> - <page-section :section-title="$t('pageInventory.dimmSlot')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.dimmSlot')" + > <b-row class="align-items-end"> <b-col sm="6" md="5" xl="4"> <search @@ -15,9 +18,9 @@ </b-col> </b-row> <b-table + class="bootstrap-rounded-table" sort-icon-left no-sort-reset - hover sort-by="health" responsive="md" show-empty diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue index fe788c53..8706f498 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue @@ -1,5 +1,8 @@ <template> - <page-section :section-title="$t('pageInventory.fans')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.fans')" + > <b-row class="align-items-end"> <b-col sm="6" md="5" xl="4"> <search @@ -15,9 +18,9 @@ </b-col> </b-row> <b-table + class="bootstrap-rounded-table" sort-icon-left no-sort-reset - hover responsive="md" sort-by="health" show-empty diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue index aed7871a..9417d9d6 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue @@ -1,5 +1,8 @@ <template> - <page-section :section-title="$t('pageInventory.powerSupplies')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.powerSupplies')" + > <b-row class="align-items-end"> <b-col sm="6" md="5" xl="4"> <search @@ -15,6 +18,7 @@ </b-col> </b-row> <b-table + class="bootstrap-rounded-table" sort-icon-left no-sort-reset hover diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue index 49281e14..3e25747d 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue @@ -1,5 +1,8 @@ <template> - <page-section :section-title="$t('pageInventory.processors')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.processors')" + > <!-- Search --> <b-row class="align-items-end"> <b-col sm="6" md="5" xl="4"> @@ -12,10 +15,12 @@ <table-cell-count :filtered-items-count="filteredRows" :total-number-of-cells="processors.length" - ></table-cell-count> + > + </table-cell-count> </b-col> </b-row> <b-table + class="bootstrap-rounded-table" sort-icon-left no-sort-reset hover diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue index cf2cf020..1576c8d8 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue @@ -1,8 +1,11 @@ <template> - <page-section :section-title="$t('pageInventory.system')"> + <page-section + class="bootstrap-table__section" + :section-small-title="$t('pageInventory.system')" + > <b-table + class="bootstrap-rounded-table" responsive="md" - hover show-empty :items="systems" :fields="fields" @@ -222,3 +225,8 @@ export default { }, }; </script> +<style lang="scss" scoped> +.custom-switch { + margin: 0; +} +</style> |