summaryrefslogtreecommitdiff
path: root/src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue
diff options
context:
space:
mode:
authorAnna Tsyganova <ATSyganova@IBS.RU>2022-07-08 11:32:33 +0300
committerAnna Tsyganova <ATSyganova@IBS.RU>2022-07-08 11:32:33 +0300
commitf12e602ab84f2a4ae28a064ed2058f57b9cf9bc3 (patch)
tree02fb24ee79bc558eebc374aa77c6aed7964a69d2 /src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue
parent40c493597703305ae732b414bda83a4f00b25745 (diff)
downloadwebui-vue-f12e602ab84f2a4ae28a064ed2058f57b9cf9bc3.tar.xz
Fix a little global components
Issue: SILABMC-191
Diffstat (limited to 'src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue')
-rw-r--r--src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue251
1 files changed, 0 insertions, 251 deletions
diff --git a/src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue b/src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue
deleted file mode 100644
index 7d5dd700..00000000
--- a/src/views/_sila/HardwareStatus/Inventory/InventoryTableProcessors.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-<template>
- <page-section :section-title="$t('pageInventory.processors')">
- <!-- Search -->
- <b-row class="align-items-end">
- <b-col sm="6" md="5" xl="4">
- <search
- @change-search="onChangeSearchInput"
- @clear-search="onClearSearchInput"
- />
- </b-col>
- <b-col sm="6" md="3" xl="2">
- <table-cell-count
- :filtered-items-count="filteredRows"
- :total-number-of-cells="processors.length"
- ></table-cell-count>
- </b-col>
- </b-row>
- <b-table
- sort-icon-left
- no-sort-reset
- hover
- responsive="md"
- show-empty
- :items="processors"
- :fields="fields"
- :sort-desc="true"
- :filter="searchFilter"
- :empty-text="$t('global.table.emptyMessage')"
- :empty-filtered-text="$t('global.table.emptySearchMessage')"
- :busy="isBusy"
- @filtered="onFiltered"
- >
- <!-- Expand button -->
- <template #cell(expandRow)="row">
- <b-button
- variant="link"
- data-test-id="hardwareStatus-button-expandProcessors"
- :title="expandRowLabel"
- class="btn-icon-only"
- @click="toggleRowDetails(row)"
- >
- <icon-chevron />
- <span class="sr-only">{{ expandRowLabel }}</span>
- </b-button>
- </template>
- <!-- Health -->
- <template #cell(health)="{ value }">
- <status-icon :status="statusIcon(value)" />
- {{ value }}
- </template>
-
- <!-- Toggle identify LED -->
- <template #cell(identifyLed)="row">
- <b-form-checkbox
- v-if="hasIdentifyLed(row.item.identifyLed)"
- 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>
- <div v-else>--</div>
- </template>
-
- <template #row-details="{ item }">
- <b-container fluid>
- <b-row>
- <b-col class="mt-2" sm="6" xl="6">
- <dl>
- <!-- Name -->
- <dt>{{ $t('pageInventory.table.name') }}:</dt>
- <dd>{{ dataFormatter(item.name) }}</dd>
- <!-- Part Number -->
- <dt>{{ $t('pageInventory.table.partNumber') }}:</dt>
- <dd>{{ dataFormatter(item.partNumber) }}</dd>
- <!-- Serial Number -->
- <dt>{{ $t('pageInventory.table.serialNumber') }}:</dt>
- <dd>{{ dataFormatter(item.serialNumber) }}</dd>
- <!-- Spare Part Number -->
- <dt>{{ $t('pageInventory.table.sparePartNumber') }}:</dt>
- <dd>{{ dataFormatter(item.sparePartNumber) }}</dd>
- <!-- Model -->
- <dt>{{ $t('pageInventory.table.model') }}:</dt>
- <dd>{{ dataFormatter(item.model) }}</dd>
- <!-- Asset Tag -->
- <dt>{{ $t('pageInventory.table.assetTag') }}:</dt>
- <dd>{{ dataFormatter(item.assetTag) }}</dd>
- </dl>
- </b-col>
- <b-col class="mt-2" sm="6" xl="6">
- <dl>
- <!-- Status state -->
- <dt>{{ $t('pageInventory.table.statusState') }}:</dt>
- <dd>{{ dataFormatter(item.statusState) }}</dd>
- <!-- Health Rollup -->
- <dt>{{ $t('pageInventory.table.healthRollup') }}:</dt>
- <dd>{{ dataFormatter(item.healthRollup) }}</dd>
- </dl>
- </b-col>
- </b-row>
- <div class="section-divider mb-3 mt-3"></div>
- <b-row>
- <b-col class="mt-1" sm="6" xl="6">
- <dl>
- <!-- Manufacturer -->
- <dt>{{ $t('pageInventory.table.manufacturer') }}:</dt>
- <dd>{{ dataFormatter(item.manufacturer) }}</dd>
- <!-- Processor Type -->
- <dt>{{ $t('pageInventory.table.processorType') }}:</dt>
- <dd>{{ dataFormatter(item.processorType) }}</dd>
- <!-- Processor Architecture -->
- <dt>{{ $t('pageInventory.table.processorArchitecture') }}:</dt>
- <dd>{{ dataFormatter(item.processorArchitecture) }}</dd>
- <!-- Instruction Set -->
- <dt>{{ $t('pageInventory.table.instructionSet') }}:</dt>
- <dd>{{ dataFormatter(item.instructionSet) }}</dd>
- <!-- Version -->
- <dt>{{ $t('pageInventory.table.version') }}:</dt>
- <dd>{{ dataFormatter(item.version) }}</dd>
- </dl>
- </b-col>
- <b-col class="mt-1" sm="6" xl="6">
- <dl>
- <!-- Min Speed MHz -->
- <dt>{{ $t('pageInventory.table.minSpeedMHz') }}:</dt>
- <dd>{{ dataFormatter(item.minSpeedMHz) }}</dd>
- <!-- Max Speed MHz -->
- <dt>{{ $t('pageInventory.table.maxSpeedMHz') }}:</dt>
- <dd>{{ dataFormatter(item.maxSpeedMHz) }}</dd>
- <!-- Total Cores -->
- <dt>{{ $t('pageInventory.table.totalCores') }}:</dt>
- <dd>{{ dataFormatter(item.totalCores) }}</dd>
- <!-- Total Threads -->
- <dt>{{ $t('pageInventory.table.totalThreads') }}:</dt>
- <dd>{{ dataFormatter(item.totalThreads) }}</dd>
- </dl>
- </b-col>
- </b-row>
- </b-container>
- </template>
- </b-table>
- </page-section>
-</template>
-
-<script>
-import PageSection from '@/components/Global/PageSection';
-import IconChevron from '@carbon/icons-vue/es/chevron--down/20';
-import StatusIcon from '@/components/Global/StatusIcon';
-import TableCellCount from '@/components/Global/TableCellCount';
-import BVToastMixin from '@/components/Mixins/BVToastMixin';
-import TableSortMixin from '@/components/Mixins/TableSortMixin';
-import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin';
-import Search from '@/components/Global/Search';
-import SearchFilterMixin, {
- searchFilter,
-} from '@/components/Mixins/SearchFilterMixin';
-import TableRowExpandMixin, {
- expandRowLabel,
-} from '@/components/Mixins/TableRowExpandMixin';
-
-export default {
- components: { IconChevron, PageSection, StatusIcon, Search, TableCellCount },
- mixins: [
- BVToastMixin,
- TableRowExpandMixin,
- DataFormatterMixin,
- TableSortMixin,
- SearchFilterMixin,
- ],
- data() {
- return {
- isBusy: true,
- fields: [
- {
- 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: 'locationNumber',
- label: this.$t('pageInventory.table.locationNumber'),
- formatter: this.dataFormatter,
- sortable: true,
- },
- {
- key: 'identifyLed',
- label: this.$t('pageInventory.table.identifyLed'),
- formatter: this.dataFormatter,
- sortable: false,
- },
- ],
- searchFilter: searchFilter,
- searchTotalFilteredRows: 0,
- expandRowLabel: expandRowLabel,
- };
- },
- computed: {
- filteredRows() {
- return this.searchFilter
- ? this.searchTotalFilteredRows
- : this.processors.length;
- },
- processors() {
- return this.$store.getters['processors/processors'];
- },
- },
- created() {
- this.$store.dispatch('processors/getProcessorsInfo').finally(() => {
- // Emit initial data fetch complete to parent component
- this.$root.$emit('hardware-status-processors-complete');
- this.isBusy = false;
- });
- },
- methods: {
- onFiltered(filteredItems) {
- this.searchTotalFilteredRows = filteredItems.length;
- },
- toggleIdentifyLedValue(row) {
- this.$store
- .dispatch('processors/updateIdentifyLedValue', {
- uri: row.uri,
- identifyLed: row.identifyLed,
- })
- .catch(({ message }) => this.errorToast(message));
- },
- // TO DO: remove hasIdentifyLed when the following is merged:
- // https://gerrit.openbmc-project.xyz/c/openbmc/bmcweb/+/37045
- hasIdentifyLed(identifyLed) {
- return typeof identifyLed === 'boolean';
- },
- },
-};
-</script>