17affc529SSandeepa Singh<template> 27affc529SSandeepa Singh <page-section :section-title="$t('pageInventory.dimmSlot')"> 37affc529SSandeepa Singh <b-row class="align-items-end"> 47affc529SSandeepa Singh <b-col sm="6" md="5" xl="4"> 57affc529SSandeepa Singh <search 67affc529SSandeepa Singh @change-search="onChangeSearchInput" 77affc529SSandeepa Singh @clear-search="onClearSearchInput" 87affc529SSandeepa Singh /> 97affc529SSandeepa Singh </b-col> 107affc529SSandeepa Singh <b-col sm="6" md="3" xl="2"> 117affc529SSandeepa Singh <table-cell-count 127affc529SSandeepa Singh :filtered-items-count="filteredRows" 137affc529SSandeepa Singh :total-number-of-cells="dimms.length" 147affc529SSandeepa Singh ></table-cell-count> 157affc529SSandeepa Singh </b-col> 167affc529SSandeepa Singh </b-row> 177affc529SSandeepa Singh <b-table 187affc529SSandeepa Singh sort-icon-left 197affc529SSandeepa Singh no-sort-reset 207affc529SSandeepa Singh hover 217affc529SSandeepa Singh sort-by="health" 227affc529SSandeepa Singh responsive="md" 237affc529SSandeepa Singh show-empty 247affc529SSandeepa Singh :items="dimms" 257affc529SSandeepa Singh :fields="fields" 267affc529SSandeepa Singh :sort-desc="true" 277affc529SSandeepa Singh :sort-compare="sortCompare" 287affc529SSandeepa Singh :filter="searchFilter" 297affc529SSandeepa Singh :empty-text="$t('global.table.emptyMessage')" 307affc529SSandeepa Singh :empty-filtered-text="$t('global.table.emptySearchMessage')" 3141057853SKenneth Fullbright :busy="isBusy" 327affc529SSandeepa Singh @filtered="onFiltered" 337affc529SSandeepa Singh > 347affc529SSandeepa Singh <!-- Expand chevron icon --> 357affc529SSandeepa Singh <template #cell(expandRow)="row"> 367affc529SSandeepa Singh <b-button 377affc529SSandeepa Singh variant="link" 387affc529SSandeepa Singh data-test-id="hardwareStatus-button-expandDimms" 397affc529SSandeepa Singh :title="expandRowLabel" 407affc529SSandeepa Singh class="btn-icon-only" 417affc529SSandeepa Singh @click="toggleRowDetails(row)" 427affc529SSandeepa Singh > 437affc529SSandeepa Singh <icon-chevron /> 447affc529SSandeepa Singh <span class="sr-only">{{ expandRowLabel }}</span> 457affc529SSandeepa Singh </b-button> 467affc529SSandeepa Singh </template> 477affc529SSandeepa Singh 487affc529SSandeepa Singh <!-- Health --> 497affc529SSandeepa Singh <template #cell(health)="{ value }"> 507affc529SSandeepa Singh <status-icon :status="statusIcon(value)" /> 517affc529SSandeepa Singh {{ value }} 527affc529SSandeepa Singh </template> 5381876788SSandeepa Singh <!-- Toggle identify LED --> 5481876788SSandeepa Singh <template #cell(identifyLed)="row"> 5581876788SSandeepa Singh <b-form-checkbox 56b24a483eSKonstantin Aladyshev v-if="hasIdentifyLed(row.item.identifyLed)" 5781876788SSandeepa Singh v-model="row.item.identifyLed" 5881876788SSandeepa Singh name="switch" 5981876788SSandeepa Singh switch 6081876788SSandeepa Singh @change="toggleIdentifyLedValue(row.item)" 6181876788SSandeepa Singh > 6281876788SSandeepa Singh <span v-if="row.item.identifyLed"> 6381876788SSandeepa Singh {{ $t('global.status.on') }} 6481876788SSandeepa Singh </span> 6581876788SSandeepa Singh <span v-else> {{ $t('global.status.off') }} </span> 6681876788SSandeepa Singh </b-form-checkbox> 67b24a483eSKonstantin Aladyshev <div v-else>--</div> 6881876788SSandeepa Singh </template> 697affc529SSandeepa Singh <template #row-details="{ item }"> 707affc529SSandeepa Singh <b-container fluid> 717affc529SSandeepa Singh <b-row> 7281876788SSandeepa Singh <b-col sm="6" xl="6"> 737affc529SSandeepa Singh <dl> 74*af76e2bcSJason M. Bills <!-- Manufacturer --> 75*af76e2bcSJason M. Bills <dt>{{ $t('pageInventory.table.manufacturer') }}:</dt> 76*af76e2bcSJason M. Bills <dd>{{ dataFormatter(item.manufacturer) }}</dd> 77*af76e2bcSJason M. Bills </dl> 78*af76e2bcSJason M. Bills <dl> 7981876788SSandeepa Singh <!-- Part Number --> 8081876788SSandeepa Singh <dt>{{ $t('pageInventory.table.partNumber') }}:</dt> 8181876788SSandeepa Singh <dd>{{ dataFormatter(item.partNumber) }}</dd> 8281876788SSandeepa Singh </dl> 8381876788SSandeepa Singh <dl> 8481876788SSandeepa Singh <!-- Serial Number --> 8581876788SSandeepa Singh <dt>{{ $t('pageInventory.table.serialNumber') }}:</dt> 8681876788SSandeepa Singh <dd>{{ dataFormatter(item.serialNumber) }}</dd> 8781876788SSandeepa Singh </dl> 8881876788SSandeepa Singh <dl> 8981876788SSandeepa Singh <!-- Spare Part Number --> 9081876788SSandeepa Singh <dt>{{ $t('pageInventory.table.sparePartNumber') }}:</dt> 9181876788SSandeepa Singh <dd>{{ dataFormatter(item.sparePartNumber) }}</dd> 9281876788SSandeepa Singh </dl> 9381876788SSandeepa Singh <dl> 9481876788SSandeepa Singh <!-- Model --> 9581876788SSandeepa Singh <dt>{{ $t('pageInventory.table.model') }}:</dt> 9681876788SSandeepa Singh <dd>{{ dataFormatter(item.model) }}</dd> 9781876788SSandeepa Singh </dl> 9881876788SSandeepa Singh </b-col> 9981876788SSandeepa Singh <b-col sm="6" xl="6"> 10081876788SSandeepa Singh <dl> 101ba60e9c3SGlukhov Mikhail <!-- Capacity MiB --> 102ba60e9c3SGlukhov Mikhail <dt>{{ $t('pageInventory.table.capacityMiB') }}:</dt> 103d0b078f6SGlukhov Mikhail <dd> 104d0b078f6SGlukhov Mikhail {{ dataFormatter(item.capacityMiB) }} 105d0b078f6SGlukhov Mikhail {{ $t('unit.MiB') }} 106d0b078f6SGlukhov Mikhail </dd> 10781876788SSandeepa Singh </dl> 10881876788SSandeepa Singh <dl> 109*af76e2bcSJason M. Bills <!-- Rank Count --> 110*af76e2bcSJason M. Bills <dt>{{ $t('pageInventory.table.rankCount') }}:</dt> 111*af76e2bcSJason M. Bills <dd>{{ dataFormatter(item.rankCount) }}</dd> 112*af76e2bcSJason M. Bills </dl> 113*af76e2bcSJason M. Bills <dl> 11481876788SSandeepa Singh <!-- Status--> 1157affc529SSandeepa Singh <dt>{{ $t('pageInventory.table.statusState') }}:</dt> 1169726f9a7SDixsie Wolmers <dd>{{ dataFormatter(item.statusState) }}</dd> 1177affc529SSandeepa Singh </dl> 11861fdd942SSandeepa Singh <dl> 11961fdd942SSandeepa Singh <!-- Enabled--> 12061fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.enabled') }}:</dt> 12161fdd942SSandeepa Singh <dd>{{ dataFormatter(item.enabled) }}</dd> 12261fdd942SSandeepa Singh </dl> 12361fdd942SSandeepa Singh </b-col> 12461fdd942SSandeepa Singh </b-row> 12561fdd942SSandeepa Singh <div class="section-divider mb-3 mt-3"></div> 12661fdd942SSandeepa Singh <b-row> 12761fdd942SSandeepa Singh <b-col sm="6" xl="6"> 12861fdd942SSandeepa Singh <dl> 12961fdd942SSandeepa Singh <!-- Description --> 13061fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.description') }}:</dt> 13161fdd942SSandeepa Singh <dd>{{ dataFormatter(item.description) }}</dd> 13261fdd942SSandeepa Singh </dl> 13361fdd942SSandeepa Singh <dl> 13461fdd942SSandeepa Singh <!-- Memory Type --> 13561fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.memoryType') }}:</dt> 13661fdd942SSandeepa Singh <dd>{{ dataFormatter(item.memoryType) }}</dd> 13761fdd942SSandeepa Singh </dl> 13861fdd942SSandeepa Singh <dl> 13961fdd942SSandeepa Singh <!-- Base Module Type --> 14061fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.baseModuleType') }}:</dt> 14161fdd942SSandeepa Singh <dd>{{ dataFormatter(item.baseModuleType) }}</dd> 14261fdd942SSandeepa Singh </dl> 14361fdd942SSandeepa Singh </b-col> 14461fdd942SSandeepa Singh <b-col sm="6" xl="6"> 14561fdd942SSandeepa Singh <dl> 14661fdd942SSandeepa Singh <!-- Bus Width Bits --> 14761fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.busWidthBits') }}:</dt> 148d0b078f6SGlukhov Mikhail <dd> 149d0b078f6SGlukhov Mikhail {{ dataFormatter(item.busWidthBits) }} 150d0b078f6SGlukhov Mikhail {{ $t('unit.bit') }} 151d0b078f6SGlukhov Mikhail </dd> 15261fdd942SSandeepa Singh </dl> 15361fdd942SSandeepa Singh <dl> 15461fdd942SSandeepa Singh <!-- Data Width Bits --> 15561fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.dataWidthBits') }}:</dt> 156d0b078f6SGlukhov Mikhail <dd> 157d0b078f6SGlukhov Mikhail {{ dataFormatter(item.dataWidthBits) }} 158d0b078f6SGlukhov Mikhail {{ $t('unit.bit') }} 159d0b078f6SGlukhov Mikhail </dd> 16061fdd942SSandeepa Singh </dl> 16161fdd942SSandeepa Singh <dl> 16261fdd942SSandeepa Singh <!-- Operating Speed Mhz --> 16361fdd942SSandeepa Singh <dt>{{ $t('pageInventory.table.operatingSpeedMhz') }}:</dt> 164d0b078f6SGlukhov Mikhail <dd> 165d0b078f6SGlukhov Mikhail {{ dataFormatter(item.operatingSpeedMhz) }} 166d0b078f6SGlukhov Mikhail {{ $t('unit.MHz') }} 167d0b078f6SGlukhov Mikhail </dd> 16861fdd942SSandeepa Singh </dl> 169*af76e2bcSJason M. Bills <dl> 170*af76e2bcSJason M. Bills <!-- Error Correction --> 171*af76e2bcSJason M. Bills <dt>{{ $t('pageInventory.table.errorCorrection') }}:</dt> 172*af76e2bcSJason M. Bills <dd>{{ dataFormatter(item.errorCorrection) }}</dd> 173*af76e2bcSJason M. Bills </dl> 1747affc529SSandeepa Singh </b-col> 1757affc529SSandeepa Singh </b-row> 1767affc529SSandeepa Singh </b-container> 1777affc529SSandeepa Singh </template> 1787affc529SSandeepa Singh </b-table> 1797affc529SSandeepa Singh </page-section> 1807affc529SSandeepa Singh</template> 1817affc529SSandeepa Singh 1827affc529SSandeepa Singh<script> 1837affc529SSandeepa Singhimport PageSection from '@/components/Global/PageSection'; 1847affc529SSandeepa Singhimport IconChevron from '@carbon/icons-vue/es/chevron--down/20'; 1857affc529SSandeepa Singh 1867affc529SSandeepa Singhimport StatusIcon from '@/components/Global/StatusIcon'; 1877affc529SSandeepa Singhimport TableCellCount from '@/components/Global/TableCellCount'; 1887affc529SSandeepa Singh 1899726f9a7SDixsie Wolmersimport DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; 1907affc529SSandeepa Singhimport TableSortMixin from '@/components/Mixins/TableSortMixin'; 1917affc529SSandeepa Singhimport Search from '@/components/Global/Search'; 1927affc529SSandeepa Singhimport SearchFilterMixin, { 1937affc529SSandeepa Singh searchFilter, 1947affc529SSandeepa Singh} from '@/components/Mixins/SearchFilterMixin'; 1957affc529SSandeepa Singhimport TableRowExpandMixin, { 1967affc529SSandeepa Singh expandRowLabel, 1977affc529SSandeepa Singh} from '@/components/Mixins/TableRowExpandMixin'; 1987affc529SSandeepa Singh 1997affc529SSandeepa Singhexport default { 2007affc529SSandeepa Singh components: { IconChevron, PageSection, StatusIcon, Search, TableCellCount }, 2017affc529SSandeepa Singh mixins: [ 2027affc529SSandeepa Singh TableRowExpandMixin, 2039726f9a7SDixsie Wolmers DataFormatterMixin, 2047affc529SSandeepa Singh TableSortMixin, 2057affc529SSandeepa Singh SearchFilterMixin, 2067affc529SSandeepa Singh ], 2077affc529SSandeepa Singh data() { 2087affc529SSandeepa Singh return { 20941057853SKenneth Fullbright isBusy: true, 2107affc529SSandeepa Singh fields: [ 2117affc529SSandeepa Singh { 2127affc529SSandeepa Singh key: 'expandRow', 2137affc529SSandeepa Singh label: '', 2147affc529SSandeepa Singh tdClass: 'table-row-expand', 2157affc529SSandeepa Singh }, 2167affc529SSandeepa Singh { 2177affc529SSandeepa Singh key: 'id', 2187affc529SSandeepa Singh label: this.$t('pageInventory.table.id'), 2199726f9a7SDixsie Wolmers formatter: this.dataFormatter, 2207affc529SSandeepa Singh }, 2217affc529SSandeepa Singh { 2227affc529SSandeepa Singh key: 'health', 2237affc529SSandeepa Singh label: this.$t('pageInventory.table.health'), 2249726f9a7SDixsie Wolmers formatter: this.dataFormatter, 2257affc529SSandeepa Singh tdClass: 'text-nowrap', 2267affc529SSandeepa Singh }, 2277affc529SSandeepa Singh { 22881876788SSandeepa Singh key: 'locationNumber', 22981876788SSandeepa Singh label: this.$t('pageInventory.table.locationNumber'), 2309726f9a7SDixsie Wolmers formatter: this.dataFormatter, 2317affc529SSandeepa Singh }, 2327affc529SSandeepa Singh { 23381876788SSandeepa Singh key: 'identifyLed', 23481876788SSandeepa Singh label: this.$t('pageInventory.table.identifyLed'), 2359726f9a7SDixsie Wolmers formatter: this.dataFormatter, 2367affc529SSandeepa Singh }, 2377affc529SSandeepa Singh ], 2387affc529SSandeepa Singh searchFilter: searchFilter, 2397affc529SSandeepa Singh searchTotalFilteredRows: 0, 2407affc529SSandeepa Singh expandRowLabel: expandRowLabel, 2417affc529SSandeepa Singh }; 2427affc529SSandeepa Singh }, 2437affc529SSandeepa Singh computed: { 2447affc529SSandeepa Singh filteredRows() { 2457affc529SSandeepa Singh return this.searchFilter 2467affc529SSandeepa Singh ? this.searchTotalFilteredRows 2477affc529SSandeepa Singh : this.dimms.length; 2487affc529SSandeepa Singh }, 2497affc529SSandeepa Singh dimms() { 2507affc529SSandeepa Singh return this.$store.getters['memory/dimms']; 2517affc529SSandeepa Singh }, 2527affc529SSandeepa Singh }, 2537affc529SSandeepa Singh created() { 2547affc529SSandeepa Singh this.$store.dispatch('memory/getDimms').finally(() => { 2557affc529SSandeepa Singh // Emit initial data fetch complete to parent component 2567affc529SSandeepa Singh this.$root.$emit('hardware-status-dimm-slot-complete'); 25741057853SKenneth Fullbright this.isBusy = false; 2587affc529SSandeepa Singh }); 2597affc529SSandeepa Singh }, 2607affc529SSandeepa Singh methods: { 2617affc529SSandeepa Singh sortCompare(a, b, key) { 2627affc529SSandeepa Singh if (key === 'health') { 2637affc529SSandeepa Singh return this.sortStatus(a, b, key); 2647affc529SSandeepa Singh } 2657affc529SSandeepa Singh }, 2667affc529SSandeepa Singh onFiltered(filteredItems) { 2677affc529SSandeepa Singh this.searchTotalFilteredRows = filteredItems.length; 2687affc529SSandeepa Singh }, 26981876788SSandeepa Singh toggleIdentifyLedValue(row) { 27081876788SSandeepa Singh this.$store 27181876788SSandeepa Singh .dispatch('memory/updateIdentifyLedValue', { 27281876788SSandeepa Singh uri: row.uri, 27381876788SSandeepa Singh identifyLed: row.identifyLed, 27481876788SSandeepa Singh }) 27581876788SSandeepa Singh .catch(({ message }) => this.errorToast(message)); 27681876788SSandeepa Singh }, 277b24a483eSKonstantin Aladyshev hasIdentifyLed(identifyLed) { 278b24a483eSKonstantin Aladyshev return typeof identifyLed === 'boolean'; 279b24a483eSKonstantin Aladyshev }, 2807affc529SSandeepa Singh }, 2817affc529SSandeepa Singh}; 2827affc529SSandeepa Singh</script> 283