diff options
author | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-12 09:22:20 +0300 |
---|---|---|
committer | Maksim Zakharov <m.zakharov@IBS.RU> | 2022-07-12 09:22:20 +0300 |
commit | 3f676232af56a272148cf8cff0cbcb78a3d7eb4a (patch) | |
tree | 0fe99fce083b70990e2e7f80c1e8e4124df93843 /src/views/HardwareStatus | |
parent | 1a71a3d8c56d11b912b4aa3fdcb64935ac414a34 (diff) | |
download | webui-vue-3f676232af56a272148cf8cff0cbcb78a3d7eb4a.tar.xz |
fix tables global styles
Diffstat (limited to 'src/views/HardwareStatus')
8 files changed, 22 insertions, 166 deletions
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue index 0a5e9a31..7683ef93 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableAssembly.vue @@ -4,9 +4,9 @@ :section-small-title="$t('pageInventory.assemblies')" > <b-table - class="bootstrap-rounded-table" sort-icon-left no-sort-reset + no-border-collapse responsive="md" :items="items" :fields="fields" @@ -92,9 +92,6 @@ export default { key: 'expandRow', label: '', thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', }, { key: 'name', @@ -102,18 +99,12 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'partNumber', label: this.$t('pageInventory.table.partNumber'), formatter: this.dataFormatter, sortable: true, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'locationNumber', @@ -121,18 +112,12 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, diff --git a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue index 164aca71..f3cd1f05 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableBmcManager.vue @@ -4,9 +4,9 @@ :section-small-title="$t('pageInventory.bmcManager')" > <b-table - class="bootstrap-rounded-table" responsive="md" show-empty + no-border-collapse :items="items" :fields="fields" :fixed="true" @@ -186,44 +186,31 @@ export default { key: 'expandRow', label: '', thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand ', }, { key: 'id', label: this.$t('pageInventory.table.id'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', + tdClass: 'regular-12px ', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'locationNumber', label: this.$t('pageInventory.table.locationNumber'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, @@ -265,38 +252,3 @@ 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 dc6bf573..ed8787f9 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableChassis.vue @@ -4,9 +4,9 @@ :section-small-title="$t('pageInventory.chassis')" > <b-table - class="bootstrap-rounded-table" responsive="md" show-empty + no-border-collapse :items="chassis" :fields="fields" :fixed="true" @@ -139,44 +139,31 @@ export default { key: 'expandRow', label: '', thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageInventory.table.id'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap', }, { key: 'locationNumber', label: this.$t('pageInventory.table.locationNumber'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue index 86701b54..fa25919f 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue @@ -18,12 +18,12 @@ </b-col> </b-row> <b-table - class="bootstrap-rounded-table" sort-icon-left no-sort-reset sort-by="health" responsive="md" show-empty + no-border-collapse :items="dimms" :fields="fields" :sort-desc="true" @@ -192,44 +192,31 @@ export default { key: 'expandRow', label: '', thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageInventory.table.id'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap ', }, { key: 'locationNumber', label: this.$t('pageInventory.table.locationNumber'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], searchFilter: searchFilter, diff --git a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue index 9c3773f0..d110ad3f 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableFans.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableFans.vue @@ -18,12 +18,12 @@ </b-col> </b-row> <b-table - class="bootstrap-rounded-table" sort-icon-left no-sort-reset responsive="md" sort-by="health" show-empty + no-border-collapse :items="fans" :fields="fields" :sort-desc="true" @@ -132,9 +132,7 @@ export default { label: '', sortable: false, thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand', }, { key: 'id', @@ -142,18 +140,13 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, sortable: true, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap', }, { key: 'partNumber', @@ -161,18 +154,12 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'serialNumber', label: this.$t('pageInventory.table.serialNumber'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], searchFilter: searchFilter, diff --git a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue index 52cfd8b5..35e6e14d 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTablePowerSupplies.vue @@ -18,13 +18,13 @@ </b-col> </b-row> <b-table - class="bootstrap-rounded-table" sort-icon-left no-sort-reset hover responsive="md" sort-by="health" show-empty + no-border-collapse :items="powerSupplies" :fields="fields" :sort-desc="true" @@ -150,9 +150,7 @@ export default { label: '', sortable: false, thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand', }, { key: 'id', @@ -160,18 +158,13 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, sortable: true, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap', }, { key: 'locationNumber', @@ -179,18 +172,12 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], searchFilter: searchFilter, diff --git a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue index 0c1b019f..08128da4 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableProcessors.vue @@ -20,12 +20,12 @@ </b-col> </b-row> <b-table - class="bootstrap-rounded-table" sort-icon-left no-sort-reset hover responsive="md" show-empty + no-border-collapse :items="processors" :fields="fields" :sort-desc="true" @@ -186,9 +186,7 @@ export default { label: '', sortable: false, thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand ', }, { key: 'id', @@ -196,18 +194,13 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, sortable: true, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap', }, { key: 'locationNumber', @@ -215,9 +208,6 @@ export default { formatter: this.dataFormatter, sortable: true, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'identifyLed', @@ -225,9 +215,6 @@ export default { formatter: this.dataFormatter, sortable: false, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], processors: [ diff --git a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue index 25d5b38e..c3b7bd87 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableSystem.vue @@ -4,9 +4,9 @@ :section-small-title="$t('pageInventory.system')" > <b-table - class="bootstrap-rounded-table" responsive="md" show-empty + no-border-collapse :items="systems" :fields="fields" :fixed="true" @@ -173,52 +173,36 @@ export default { key: 'expandRow', label: '', thStyle: { width: '4%' }, - thClass: 'bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-first', - tdClass: 'table-row-expand bootstrap-rounded-table__td', + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageInventory.table.id'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'hardwareType', label: this.$t('pageInventory.table.hardwareType'), formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'text-nowrap regular-12px bootstrap-rounded-table__td', + tdClass: 'text-nowrap ', }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'locationNumber', label: this.$t('pageInventory.table.locationNumber'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: 'semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-center', - tdClass: 'regular-12px bootstrap-rounded-table__td', }, { key: 'locationIndicatorActive', label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, thStyle: { width: '20%' }, - thClass: ' semi-bold-12px__caps bootstrap-rounded-table__head_bg', - class: 'bootstrap-rounded-table__column-last', - tdClass: ' bootstrap-rounded-table__td', }, ], expandRowLabel: expandRowLabel, |