diff options
author | Sandeepa Singh <sandeepa.singh@ibm.com> | 2021-09-27 12:22:38 +0300 |
---|---|---|
committer | Dixsie Wolmers <dixsiew@gmail.com> | 2021-10-28 16:23:16 +0300 |
commit | 8187678816dee0342b46e6f095324097ea734fea (patch) | |
tree | b2c0c9f32799efa6de829d1251b59881441bf2e1 /src/views/HardwareStatus | |
parent | 15cee709835a9dbf01ba292c5a16f7ffa226f553 (diff) | |
download | webui-vue-8187678816dee0342b46e6f095324097ea734fea.tar.xz |
Add Dimms table missing properties
- Added the following properties: Model, Description, Spare part number,
Location Number, Memory type, Memory size, Identify led
- Design has been updated for Dimms table on inventory page
Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: Ife61396bd70c29df1b5ea55091adc8c6813b5cdc
Diffstat (limited to 'src/views/HardwareStatus')
-rw-r--r-- | src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue | 77 |
1 files changed, 65 insertions, 12 deletions
diff --git a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue index 5d8db83c..07f42d26 100644 --- a/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue +++ b/src/views/HardwareStatus/Inventory/InventoryTableDimmSlot.vue @@ -49,13 +49,63 @@ <status-icon :status="statusIcon(value)" /> {{ value }} </template> - + <!-- Toggle identify LED --> + <template #cell(identifyLed)="row"> + <b-form-checkbox + v-model="row.item.identifyLed" + name="switch" + switch + @change="toggleIdentifyLedValue(row.item)" + > + <span v-if="row.item.identifyLed"> + {{ $t('global.status.on') }} + </span> + <span v-else> {{ $t('global.status.off') }} </span> + </b-form-checkbox> + </template> <template #row-details="{ item }"> <b-container fluid> <b-row> - <b-col sm="6" xl="4"> + <b-col sm="6" xl="6"> + <dl> + <!-- Part Number --> + <dt>{{ $t('pageInventory.table.partNumber') }}:</dt> + <dd>{{ dataFormatter(item.partNumber) }}</dd> + </dl> <dl> - <!-- Status state --> + <!-- Serial Number --> + <dt>{{ $t('pageInventory.table.serialNumber') }}:</dt> + <dd>{{ dataFormatter(item.serialNumber) }}</dd> + </dl> + <dl> + <!-- Spare Part Number --> + <dt>{{ $t('pageInventory.table.sparePartNumber') }}:</dt> + <dd>{{ dataFormatter(item.sparePartNumber) }}</dd> + </dl> + <dl> + <!-- Model --> + <dt>{{ $t('pageInventory.table.model') }}:</dt> + <dd>{{ dataFormatter(item.model) }}</dd> + </dl> + <dl> + <!-- Description --> + <dt>{{ $t('pageInventory.table.description') }}:</dt> + <dd>{{ dataFormatter(item.description) }}</dd> + </dl> + <dl> + <!-- Memory Type --> + <dt>{{ $t('pageInventory.table.memoryType') }}:</dt> + <dd>{{ dataFormatter(item.memoryType) }}</dd> + </dl> + </b-col> + <b-col sm="6" xl="6"> + <dl> + <!-- Memory Size in kb --> + <dt>{{ $t('pageInventory.table.memorySize') }}:</dt> + <dd>{{ dataFormatter(item.memorySize) }} KB</dd> + </dl> + <dl> + <!-- Status--> <dt>{{ $t('pageInventory.table.statusState') }}:</dt> <dd>{{ dataFormatter(item.statusState) }}</dd> </dl> @@ -99,32 +149,27 @@ export default { key: 'expandRow', label: '', tdClass: 'table-row-expand', - sortable: false, }, { key: 'id', label: this.$t('pageInventory.table.id'), formatter: this.dataFormatter, - sortable: true, }, { key: 'health', label: this.$t('pageInventory.table.health'), formatter: this.dataFormatter, - sortable: true, tdClass: 'text-nowrap', }, { - key: 'partNumber', - label: this.$t('pageInventory.table.partNumber'), + key: 'locationNumber', + label: this.$t('pageInventory.table.locationNumber'), formatter: this.dataFormatter, - sortable: true, }, { - key: 'serialNumber', - label: this.$t('pageInventory.table.serialNumber'), + key: 'identifyLed', + label: this.$t('pageInventory.table.identifyLed'), formatter: this.dataFormatter, - sortable: true, }, ], searchFilter: searchFilter, @@ -157,6 +202,14 @@ export default { onFiltered(filteredItems) { this.searchTotalFilteredRows = filteredItems.length; }, + toggleIdentifyLedValue(row) { + this.$store + .dispatch('memory/updateIdentifyLedValue', { + uri: row.uri, + identifyLed: row.identifyLed, + }) + .catch(({ message }) => this.errorToast(message)); + }, }, }; </script> |