summaryrefslogtreecommitdiff
path: root/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
diff options
context:
space:
mode:
authorSandeepa Singh <sandeepa.singh@ibm.com>2021-07-06 13:59:10 +0300
committerDerick Montague <derick.montague@ibm.com>2021-08-10 22:20:42 +0300
commit7affc529b7fba41193c4d48764707e9961cdd22d (patch)
treed198c2026a40faf07d622492297aed488b17fccb /src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
parent828dda9b187684902710bb11621eca27bf0c6eec (diff)
downloadwebui-vue-7affc529b7fba41193c4d48764707e9961cdd22d.tar.xz
IA update: Update health section
This is the second update to information architecture changes and has the following changes: - Health section is updated to hardware status section - Hardware status page is updated to inventory and LEDs page - Route for sensors page has been updated Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com> Change-Id: Ia1ba3a15a243a00f59a2ec646132436eb355a999
Diffstat (limited to 'src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue')
-rw-r--r--src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue210
1 files changed, 0 insertions, 210 deletions
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
deleted file mode 100644
index 1dccd51c..00000000
--- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue
+++ /dev/null
@@ -1,210 +0,0 @@
-<template>
- <page-section :section-title="$t('pageHardwareStatus.system')">
- <b-table
- responsive="md"
- hover
- show-empty
- :items="systems"
- :fields="fields"
- :empty-text="$t('global.table.emptyMessage')"
- >
- <!-- 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="identifyLedSwitch"
- v-model="item.locationIndicatorActive"
- data-test-id="hardwareStatus-toggle-identifyLed"
- switch
- @change="toggleIdentifyLedSwitch"
- >
- </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('pageHardwareStatus.table.serialNumber') }}:</dt>
- <dd>{{ tableFormatter(item.serialNumber) }}</dd>
- <!-- Model -->
- <dt>{{ $t('pageHardwareStatus.table.model') }}:</dt>
- <dd>{{ tableFormatter(item.model) }}</dd>
- <!-- Asset tag -->
- <dt>{{ $t('pageHardwareStatus.table.assetTag') }}:</dt>
- <dd class="mb-2">
- {{ tableFormatter(item.assetTag) }}
- </dd>
- </dl>
- </b-col>
- <b-col class="mt-2" sm="6">
- <dl>
- <!-- Status state -->
- <dt>{{ $t('pageHardwareStatus.table.statusState') }}:</dt>
- <dd>{{ tableFormatter(item.statusState) }}</dd>
- <!-- Power state -->
- <dt>{{ $t('pageHardwareStatus.table.power') }}:</dt>
- <dd>{{ tableFormatter(item.powerState) }}</dd>
- <!-- Health rollup -->
- <dt>{{ $t('pageHardwareStatus.table.healthRollup') }}:</dt>
- <dd>{{ tableFormatter(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('pageHardwareStatus.table.manufacturer') }}:</dt>
- <dd>{{ tableFormatter(item.assetTag) }}</dd>
- <!-- Description -->
- <dt>{{ $t('pageHardwareStatus.table.description') }}:</dt>
- <dd>{{ tableFormatter(item.description) }}</dd>
- <!-- Sub Model -->
- <dt>{{ $t('pageHardwareStatus.table.subModel') }}:</dt>
- <dd>
- {{ tableFormatter(item.subModel) }}
- </dd>
- <!-- System Type -->
- <dt>{{ $t('pageHardwareStatus.table.systemType') }}:</dt>
- <dd>
- {{ tableFormatter(item.systemType) }}
- </dd>
- </dl>
- </b-col>
- <b-col sm="6">
- <dl>
- <!-- Memory Summary -->
- <dt class="mt-1 mb-2 font-weight-bold float-none">
- {{ $t('pageHardwareStatus.table.memorySummary') }}
- </dt>
- <!-- Status state -->
- <dt>{{ $t('pageHardwareStatus.table.statusState') }}:</dt>
- <dd>{{ tableFormatter(item.memorySummaryState) }}</dd>
- <!-- Health -->
- <dt>{{ $t('pageHardwareStatus.table.health') }}:</dt>
- <dd>{{ tableFormatter(item.memorySummaryHealth) }}</dd>
- <!-- Health Roll -->
- <dt>{{ $t('pageHardwareStatus.table.healthRollup') }}:</dt>
- <dd>{{ tableFormatter(item.memorySummaryHealthRoll) }}</dd>
-
- <!-- Processor Summary -->
- <dt class="mt-1 mb-2 font-weight-bold float-none">
- {{ $t('pageHardwareStatus.table.processorSummary') }}
- </dt>
- <!-- Status state -->
- <dt>{{ $t('pageHardwareStatus.table.statusState') }}:</dt>
- <dd>{{ tableFormatter(item.processorSummaryState) }}</dd>
- <!-- Health -->
- <dt>{{ $t('pageHardwareStatus.table.health') }}:</dt>
- <dd>{{ tableFormatter(item.processorSummaryHealth) }}</dd>
- <!-- Health Rollup -->
- <dt>{{ $t('pageHardwareStatus.table.healthRollup') }}:</dt>
- <dd>{{ tableFormatter(item.processorSummaryHealthRoll) }}</dd>
- <!-- Count -->
- <dt>{{ $t('pageHardwareStatus.table.count') }}:</dt>
- <dd>{{ tableFormatter(item.processorSummaryCount) }}</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 TableDataFormatterMixin from '@/components/Mixins/TableDataFormatterMixin';
-
-export default {
- components: { IconChevron, PageSection, StatusIcon },
- mixins: [BVToastMixin, TableRowExpandMixin, TableDataFormatterMixin],
- data() {
- return {
- fields: [
- {
- key: 'expandRow',
- label: '',
- tdClass: 'table-row-expand',
- },
- {
- key: 'id',
- label: this.$t('pageHardwareStatus.table.id'),
- formatter: this.tableFormatter,
- },
- {
- key: 'hardwareType',
- label: this.$t('pageHardwareStatus.table.hardwareType'),
- formatter: this.tableFormatter,
- tdClass: 'text-nowrap',
- },
- {
- key: 'health',
- label: this.$t('pageHardwareStatus.table.health'),
- formatter: this.tableFormatter,
- tdClass: 'text-nowrap',
- },
- {
- key: 'locationNumber',
- label: this.$t('pageHardwareStatus.table.locationNumber'),
- formatter: this.tableFormatter,
- },
- {
- key: 'locationIndicatorActive',
- label: this.$t('pageHardwareStatus.table.identifyLed'),
- formatter: this.tableFormatter,
- },
- ],
- 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');
- });
- },
- methods: {
- toggleIdentifyLedSwitch(state) {
- this.$store
- .dispatch('system/changeIdentifyLedState', state)
- .catch(({ message }) => this.errorToast(message));
- },
- },
-};
-</script>