diff options
author | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-07-08 11:32:33 +0300 |
---|---|---|
committer | Anna Tsyganova <ATSyganova@IBS.RU> | 2022-07-08 11:32:33 +0300 |
commit | f12e602ab84f2a4ae28a064ed2058f57b9cf9bc3 (patch) | |
tree | 02fb24ee79bc558eebc374aa77c6aed7964a69d2 /src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue | |
parent | 40c493597703305ae732b414bda83a4f00b25745 (diff) | |
download | webui-vue-f12e602ab84f2a4ae28a064ed2058f57b9cf9bc3.tar.xz |
Fix a little global components
Issue: SILABMC-191
Diffstat (limited to 'src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue')
-rw-r--r-- | src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue | 224 |
1 files changed, 0 insertions, 224 deletions
diff --git a/src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue b/src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue deleted file mode 100644 index cf2cf020..00000000 --- a/src/views/_sila/HardwareStatus/Inventory/InventoryTableSystem.vue +++ /dev/null @@ -1,224 +0,0 @@ -<template> - <page-section :section-title="$t('pageInventory.system')"> - <b-table - responsive="md" - hover - show-empty - :items="systems" - :fields="fields" - :empty-text="$t('global.table.emptyMessage')" - :busy="isBusy" - > - <!-- Expand chevron icon --> - <template #cell(expandRow)="row"> - <b-button - variant="link" - data-test-id="hardwareStatus-button-expandSystem" - :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> - - <template #cell(locationIndicatorActive)="{ item }"> - <b-form-checkbox - id="identifyLedSwitchSystem" - v-model="item.locationIndicatorActive" - data-test-id="inventorySystem-toggle-identifyLed" - switch - @change="toggleIdentifyLedSwitch" - > - <span v-if="item.locationIndicatorActive"> - {{ $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 class="mt-2" sm="6"> - <dl> - <!-- Serial number --> - <dt>{{ $t('pageInventory.table.serialNumber') }}:</dt> - <dd>{{ dataFormatter(item.serialNumber) }}</dd> - <!-- Model --> - <dt>{{ $t('pageInventory.table.model') }}:</dt> - <dd>{{ dataFormatter(item.model) }}</dd> - <!-- Asset tag --> - <dt>{{ $t('pageInventory.table.assetTag') }}:</dt> - <dd class="mb-2"> - {{ dataFormatter(item.assetTag) }} - </dd> - </dl> - </b-col> - <b-col class="mt-2" sm="6"> - <dl> - <!-- Status state --> - <dt>{{ $t('pageInventory.table.statusState') }}:</dt> - <dd>{{ dataFormatter(item.statusState) }}</dd> - <!-- Power state --> - <dt>{{ $t('pageInventory.table.power') }}:</dt> - <dd>{{ dataFormatter(item.powerState) }}</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"> - <dl> - <!-- Manufacturer --> - <dt>{{ $t('pageInventory.table.manufacturer') }}:</dt> - <dd>{{ dataFormatter(item.manufacturer) }}</dd> - <!-- Description --> - <dt>{{ $t('pageInventory.table.description') }}:</dt> - <dd>{{ dataFormatter(item.description) }}</dd> - <!-- Sub Model --> - <dt>{{ $t('pageInventory.table.subModel') }}:</dt> - <dd> - {{ dataFormatter(item.subModel) }} - </dd> - <!-- System Type --> - <dt>{{ $t('pageInventory.table.systemType') }}:</dt> - <dd> - {{ dataFormatter(item.systemType) }} - </dd> - </dl> - </b-col> - <b-col sm="6"> - <!-- Memory Summary --> - <p class="mt-1 mb-2 h6 float-none m-0"> - {{ $t('pageInventory.table.memorySummary') }} - </p> - <dl class="ml-4"> - <!-- Status state --> - <dt>{{ $t('pageInventory.table.statusState') }}:</dt> - <dd>{{ dataFormatter(item.memorySummaryState) }}</dd> - <!-- Health --> - <dt>{{ $t('pageInventory.table.health') }}:</dt> - <dd>{{ dataFormatter(item.memorySummaryHealth) }}</dd> - <!-- Health Roll --> - <dt>{{ $t('pageInventory.table.healthRollup') }}:</dt> - <dd>{{ dataFormatter(item.memorySummaryHealthRollup) }}</dd> - <!-- Total system memory --> - <dt>{{ $t('pageInventory.table.totalSystemMemoryGiB') }}:</dt> - <dd>{{ dataFormatter(item.totalSystemMemoryGiB) }}GB</dd> - </dl> - <!-- Processor Summary --> - <p class="mt-1 mb-2 h6 float-none m-0"> - {{ $t('pageInventory.table.processorSummary') }} - </p> - <dl class="ml-4"> - <!-- Status state --> - <dt>{{ $t('pageInventory.table.statusState') }}:</dt> - <dd>{{ dataFormatter(item.processorSummaryState) }}</dd> - <!-- Health --> - <dt>{{ $t('pageInventory.table.health') }}:</dt> - <dd>{{ dataFormatter(item.processorSummaryHealth) }}</dd> - <!-- Health Rollup --> - <dt>{{ $t('pageInventory.table.healthRollup') }}:</dt> - <dd>{{ dataFormatter(item.processorSummaryHealthRoll) }}</dd> - <!-- Count --> - <dt>{{ $t('pageInventory.table.count') }}:</dt> - <dd>{{ dataFormatter(item.processorSummaryCount) }}</dd> - <!-- Core Count --> - <dt>{{ $t('pageInventory.table.coreCount') }}:</dt> - <dd>{{ dataFormatter(item.processorSummaryCoreCount) }}</dd> - </dl> - </b-col> - </b-row> - </b-container> - </template> - </b-table> - </page-section> -</template> - -<script> -import BVToastMixin from '@/components/Mixins/BVToastMixin'; -import PageSection from '@/components/Global/PageSection'; -import IconChevron from '@carbon/icons-vue/es/chevron--down/20'; - -import StatusIcon from '@/components/Global/StatusIcon'; - -import TableRowExpandMixin, { - expandRowLabel, -} from '@/components/Mixins/TableRowExpandMixin'; -import DataFormatterMixin from '@/components/Mixins/DataFormatterMixin'; - -export default { - components: { IconChevron, PageSection, StatusIcon }, - mixins: [BVToastMixin, TableRowExpandMixin, DataFormatterMixin], - data() { - return { - isBusy: true, - fields: [ - { - key: 'expandRow', - label: '', - tdClass: 'table-row-expand', - }, - { - key: 'id', - label: this.$t('pageInventory.table.id'), - formatter: this.dataFormatter, - }, - { - key: 'hardwareType', - label: this.$t('pageInventory.table.hardwareType'), - formatter: this.dataFormatter, - tdClass: 'text-nowrap', - }, - { - key: 'health', - label: this.$t('pageInventory.table.health'), - formatter: this.dataFormatter, - tdClass: 'text-nowrap', - }, - { - key: 'locationNumber', - label: this.$t('pageInventory.table.locationNumber'), - formatter: this.dataFormatter, - }, - { - key: 'locationIndicatorActive', - label: this.$t('pageInventory.table.identifyLed'), - formatter: this.dataFormatter, - }, - ], - expandRowLabel: expandRowLabel, - }; - }, - computed: { - systems() { - return this.$store.getters['system/systems']; - }, - }, - created() { - this.$store.dispatch('system/getSystem').finally(() => { - // Emit initial data fetch complete to parent component - this.$root.$emit('hardware-status-system-complete'); - this.isBusy = false; - }); - }, - methods: { - toggleIdentifyLedSwitch(state) { - this.$store - .dispatch('system/changeIdentifyLedState', state) - .catch(({ message }) => this.errorToast(message)); - }, - }, -}; -</script> |