diff options
Diffstat (limited to 'src/views/Health')
10 files changed, 191 insertions, 197 deletions
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue index c345d8fb..90f589a3 100644 --- a/src/views/Health/EventLogs/EventLogs.vue +++ b/src/views/Health/EventLogs/EventLogs.vue @@ -33,7 +33,7 @@ @clearSelected="clearSelectedRows($refs.table)" @batchAction="onBatchAction" > - <template v-slot:export> + <template #export> <table-toolbar-export :data="batchExportData" :file-name="exportFileNameByDate()" @@ -64,7 +64,7 @@ @row-selected="onRowSelected($event, filteredLogs.length)" > <!-- Checkbox column --> - <template v-slot:head(checkbox)> + <template #head(checkbox)> <b-form-checkbox v-model="tableHeaderCheckboxModel" data-test-id="eventLogs-checkbox-selectAll" @@ -72,7 +72,7 @@ @change="onChangeHeaderCheckbox($refs.table)" /> </template> - <template v-slot:cell(checkbox)="row"> + <template #cell(checkbox)="row"> <b-form-checkbox v-model="row.rowSelected" :data-test-id="`eventLogs-checkbox-selectRow-${row.index}`" @@ -81,19 +81,19 @@ </template> <!-- Severity column --> - <template v-slot:cell(severity)="{ value }"> + <template #cell(severity)="{ value }"> <status-icon v-if="value" :status="statusIcon(value)" /> {{ value }} </template> <!-- Date column --> - <template v-slot:cell(date)="{ value }"> + <template #cell(date)="{ value }"> <p class="mb-0">{{ value | formatDate }}</p> <p class="mb-0">{{ value | formatTime }}</p> </template> <!-- Actions column --> - <template v-slot:cell(actions)="row"> + <template #cell(actions)="row"> <table-row-action v-for="(action, index) in row.item.actions" :key="index" @@ -104,7 +104,7 @@ :data-test-id="`eventLogs-button-deleteRow-${row.index}`" @click:tableAction="onTableRowAction($event, row.item)" > - <template v-slot:icon> + <template #icon> <icon-export v-if="action.value === 'export'" /> <icon-trashcan v-if="action.value === 'delete'" /> </template> @@ -179,7 +179,7 @@ export default { TableRowAction, TableToolbar, TableToolbarExport, - TableDateFilter + TableDateFilter, }, mixins: [ BVPaginationMixin, @@ -189,64 +189,70 @@ export default { TableFilterMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], + beforeRouteLeave(to, from, next) { + // Hide loader if the user navigates to another page + // before request is fulfilled. + this.hideLoader(); + next(); + }, data() { return { fields: [ { key: 'checkbox', - sortable: false + sortable: false, }, { key: 'id', label: this.$t('pageEventLogs.table.id'), - sortable: true + sortable: true, }, { key: 'severity', label: this.$t('pageEventLogs.table.severity'), sortable: true, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'type', label: this.$t('pageEventLogs.table.type'), - sortable: true + sortable: true, }, { key: 'date', label: this.$t('pageEventLogs.table.date'), - sortable: true + sortable: true, }, { key: 'description', - label: this.$t('pageEventLogs.table.description') + label: this.$t('pageEventLogs.table.description'), }, { key: 'actions', sortable: false, label: '', - tdClass: 'text-right text-nowrap' - } + tdClass: 'text-right text-nowrap', + }, ], tableFilters: [ { key: 'severity', label: this.$t('pageEventLogs.table.severity'), - values: ['OK', 'Warning', 'Critical'] - } + values: ['OK', 'Warning', 'Critical'], + }, ], activeFilters: [], batchActions: [ { value: 'delete', - label: this.$t('global.action.delete') - } + label: this.$t('global.action.delete'), + }, ], filterStartDate: null, filterEndDate: null, - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -256,24 +262,24 @@ export default { : this.filteredLogs.length; }, allLogs() { - return this.$store.getters['eventLog/allEvents'].map(event => { + return this.$store.getters['eventLog/allEvents'].map((event) => { return { ...event, actions: [ { value: 'export', - title: this.$t('global.action.export') + title: this.$t('global.action.export'), }, { value: 'delete', - title: this.$t('global.action.delete') - } - ] + title: this.$t('global.action.delete'), + }, + ], }; }); }, batchExportData() { - return this.selectedRows.map(row => omit(row, 'actions')); + return this.selectedRows.map((row) => omit(row, 'actions')); }, filteredLogsByDate() { return this.getFilteredTableDataByDate( @@ -287,7 +293,7 @@ export default { this.filteredLogsByDate, this.activeFilters ); - } + }, }, created() { this.startLoader(); @@ -295,23 +301,19 @@ export default { .dispatch('eventLog/getEventLogData') .finally(() => this.endLoader()); }, - beforeRouteLeave(to, from, next) { - // Hide loader if the user navigates to another page - // before request is fulfilled. - this.hideLoader(); - next(); - }, methods: { deleteLogs(uris) { - this.$store.dispatch('eventLog/deleteEventLogs', uris).then(messages => { - messages.forEach(({ type, message }) => { - if (type === 'success') { - this.successToast(message); - } else if (type === 'error') { - this.errorToast(message); - } + this.$store + .dispatch('eventLog/deleteEventLogs', uris) + .then((messages) => { + messages.forEach(({ type, message }) => { + if (type === 'success') { + this.successToast(message); + } else if (type === 'error') { + this.errorToast(message); + } + }); }); - }); }, onFilterChange({ activeFilters }) { this.activeFilters = activeFilters; @@ -326,16 +328,16 @@ export default { this.$bvModal .msgBoxConfirm(this.$tc('pageEventLogs.modal.deleteMessage'), { title: this.$tc('pageEventLogs.modal.deleteTitle'), - okTitle: this.$t('global.action.delete') + okTitle: this.$t('global.action.delete'), }) - .then(deleteConfirmed => { + .then((deleteConfirmed) => { if (deleteConfirmed) this.deleteLogs([uri]); }); } }, onBatchAction(action) { if (action === 'delete') { - const uris = this.selectedRows.map(row => row.uri); + const uris = this.selectedRows.map((row) => row.uri); this.$bvModal .msgBoxConfirm( this.$tc( @@ -347,10 +349,10 @@ export default { 'pageEventLogs.modal.deleteTitle', this.selectedRows.length ), - okTitle: this.$t('global.action.delete') + okTitle: this.$t('global.action.delete'), } ) - .then(deleteConfirmed => { + .then((deleteConfirmed) => { if (deleteConfirmed) this.deleteLogs(uris); }); } @@ -368,13 +370,9 @@ export default { date = date.toISOString().slice(0, 10) + '_' + - date - .toString() - .split(':') - .join('-') - .split(' ')[4]; + date.toString().split(':').join('-').split(' ')[4]; return this.$t('pageEventLogs.exportFilePrefix') + date; - } - } + }, + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatus.vue b/src/views/Health/HardwareStatus/HardwareStatus.vue index fb203381..24f02953 100644 --- a/src/views/Health/HardwareStatus/HardwareStatus.vue +++ b/src/views/Health/HardwareStatus/HardwareStatus.vue @@ -45,32 +45,38 @@ export default { TableFans, TableBmcManager, TableChassis, - TableProcessors + TableProcessors, }, mixins: [LoadingBarMixin], + beforeRouteLeave(to, from, next) { + // Hide loader if user navigates away from page + // before requests complete + this.hideLoader(); + next(); + }, created() { this.startLoader(); - const systemTablePromise = new Promise(resolve => { + const systemTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::system::complete', () => resolve()); }); - const bmcManagerTablePromise = new Promise(resolve => { + const bmcManagerTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::bmcManager::complete', () => resolve()); }); - const chassisTablePromise = new Promise(resolve => { + const chassisTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::chassis::complete', () => resolve()); }); - const dimmSlotTablePromise = new Promise(resolve => { + const dimmSlotTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::dimmSlot::complete', () => resolve()); }); - const fansTablePromise = new Promise(resolve => { + const fansTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::fans::complete', () => resolve()); }); - const powerSuppliesTablePromise = new Promise(resolve => { + const powerSuppliesTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::powerSupplies::complete', () => resolve() ); }); - const processorsTablePromise = new Promise(resolve => { + const processorsTablePromise = new Promise((resolve) => { this.$root.$on('hardwareStatus::processors::complete', () => resolve()); }); // Combine all child component Promises to indicate @@ -82,14 +88,8 @@ export default { dimmSlotTablePromise, fansTablePromise, powerSuppliesTablePromise, - processorsTablePromise + processorsTablePromise, ]).finally(() => this.endLoader()); }, - beforeRouteLeave(to, from, next) { - // Hide loader if user navigates away from page - // before requests complete - this.hideLoader(); - next(); - } }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue index e7ddf537..783cd649 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue @@ -9,7 +9,7 @@ :empty-text="$t('global.table.emptyMessage')" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandBmc" @@ -21,12 +21,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6"> @@ -153,30 +153,30 @@ export default { { key: 'expandRow', label: '', - tdClass: 'table-row-expand' + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), - formatter: this.tableFormatter - } - ] + formatter: this.tableFormatter, + }, + ], }; }, computed: { @@ -189,13 +189,13 @@ export default { } else { return []; } - } + }, }, created() { this.$store.dispatch('bmc/getBmcInfo').finally(() => { // Emit initial data fetch complete to parent component this.$root.$emit('hardwareStatus::bmcManager::complete'); }); - } + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue index 0b56a9fe..fbdadcdd 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue @@ -9,7 +9,7 @@ :empty-text="$t('global.table.emptyMessage')" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandChassis" @@ -21,12 +21,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -82,42 +82,42 @@ export default { { key: 'expandRow', label: '', - tdClass: 'table-row-expand' + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), - formatter: this.tableFormatter - } - ] + formatter: this.tableFormatter, + }, + ], }; }, computed: { chassis() { return this.$store.getters['chassis/chassis']; - } + }, }, created() { this.$store.dispatch('chassis/getChassisInfo').finally(() => { // Emit initial data fetch complete to parent component this.$root.$emit('hardwareStatus::chassis::complete'); }); - } + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue index babb8d07..2c901637 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue @@ -31,7 +31,7 @@ @filtered="onFiltered" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandDimms" @@ -43,12 +43,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -84,7 +84,7 @@ export default { TableRowExpandMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], data() { return { @@ -93,35 +93,35 @@ export default { key: 'expandRow', label: '', tdClass: 'table-row-expand', - sortable: false + sortable: false, }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, sortable: true, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), formatter: this.tableFormatter, - sortable: true - } + sortable: true, + }, ], - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -132,7 +132,7 @@ export default { }, dimms() { return this.$store.getters['memory/dimms']; - } + }, }, created() { this.$store.dispatch('memory/getDimms').finally(() => { @@ -148,7 +148,7 @@ export default { }, onFiltered(filteredItems) { this.searchTotalFilteredRows = filteredItems.length; - } - } + }, + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue index 9ee9291c..6ade34bf 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue @@ -31,7 +31,7 @@ @filtered="onFiltered" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandFans" @@ -43,12 +43,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -83,7 +83,7 @@ export default { TableRowExpandMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], data() { return { @@ -92,35 +92,35 @@ export default { key: 'expandRow', label: '', tdClass: 'table-row-expand', - sortable: false + sortable: false, }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, sortable: true, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), formatter: this.tableFormatter, - sortable: true - } + sortable: true, + }, ], - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -131,7 +131,7 @@ export default { }, fans() { return this.$store.getters['fan/fans']; - } + }, }, created() { this.$store.dispatch('fan/getFanInfo').finally(() => { @@ -147,7 +147,7 @@ export default { }, onFiltered(filteredItems) { this.searchTotalFilteredRows = filteredItems.length; - } - } + }, + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue index bd5cedb5..91c26a7d 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue @@ -31,7 +31,7 @@ @filtered="onFiltered" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandPowerSupplies" @@ -43,12 +43,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -106,7 +106,7 @@ export default { TableRowExpandMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], data() { return { @@ -115,35 +115,35 @@ export default { key: 'expandRow', label: '', tdClass: 'table-row-expand', - sortable: false + sortable: false, }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, sortable: true, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), formatter: this.tableFormatter, - sortable: true - } + sortable: true, + }, ], - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -154,7 +154,7 @@ export default { }, powerSupplies() { return this.$store.getters['powerSupply/powerSupplies']; - } + }, }, created() { this.$store.dispatch('powerSupply/getPowerSupply').finally(() => { @@ -170,7 +170,7 @@ export default { }, onFiltered(filteredItems) { this.searchTotalFilteredRows = filteredItems.length; - } - } + }, + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue index de77243a..fba4cc4e 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue @@ -30,7 +30,7 @@ @filtered="onFiltered" > <!-- Expand button --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandProcessors" @@ -41,11 +41,11 @@ </b-button> </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -113,7 +113,7 @@ export default { TableRowExpandMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], data() { return { @@ -122,35 +122,35 @@ export default { key: 'expandRow', label: '', tdClass: 'table-row-expand', - sortable: false + sortable: false, }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, sortable: true, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), formatter: this.tableFormatter, - sortable: true + sortable: true, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), formatter: this.tableFormatter, - sortable: true - } + sortable: true, + }, ], - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -161,7 +161,7 @@ export default { }, processors() { return this.$store.getters['processors/processors']; - } + }, }, created() { this.$store.dispatch('processors/getProcessorsInfo').finally(() => { @@ -172,7 +172,7 @@ export default { methods: { onFiltered(filteredItems) { this.searchTotalFilteredRows = filteredItems.length; - } - } + }, + }, }; </script> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue index da4d5467..fc65fbfb 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue @@ -9,7 +9,7 @@ :empty-text="$t('global.table.emptyMessage')" > <!-- Expand chevron icon --> - <template v-slot:cell(expandRow)="row"> + <template #cell(expandRow)="row"> <b-button variant="link" data-test-id="hardwareStatus-button-expandSystem" @@ -21,12 +21,12 @@ </template> <!-- Health --> - <template v-slot:cell(health)="{ value }"> + <template #cell(health)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:row-details="{ item }"> + <template #row-details="{ item }"> <b-container fluid> <b-row> <b-col sm="6" xl="4"> @@ -94,42 +94,42 @@ export default { { key: 'expandRow', label: '', - tdClass: 'table-row-expand' + tdClass: 'table-row-expand', }, { key: 'id', label: this.$t('pageHardwareStatus.table.id'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'health', label: this.$t('pageHardwareStatus.table.health'), formatter: this.tableFormatter, - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'partNumber', label: this.$t('pageHardwareStatus.table.partNumber'), - formatter: this.tableFormatter + formatter: this.tableFormatter, }, { key: 'serialNumber', label: this.$t('pageHardwareStatus.table.serialNumber'), - formatter: this.tableFormatter - } - ] + formatter: this.tableFormatter, + }, + ], }; }, 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('hardwareStatus::system::complete'); }); - } + }, }; </script> diff --git a/src/views/Health/Sensors/Sensors.vue b/src/views/Health/Sensors/Sensors.vue index acd2d18b..384c64f6 100644 --- a/src/views/Health/Sensors/Sensors.vue +++ b/src/views/Health/Sensors/Sensors.vue @@ -26,7 +26,7 @@ :selected-items-count="selectedRows.length" @clearSelected="clearSelectedRows($refs.table)" > - <template v-slot:export> + <template #export> <table-toolbar-export :data="selectedRows" :file-name="exportFileNameByDate()" @@ -56,36 +56,36 @@ @row-selected="onRowSelected($event, filteredSensors.length)" > <!-- Checkbox column --> - <template v-slot:head(checkbox)> + <template #head(checkbox)> <b-form-checkbox v-model="tableHeaderCheckboxModel" :indeterminate="tableHeaderCheckboxIndeterminate" @change="onChangeHeaderCheckbox($refs.table)" /> </template> - <template v-slot:cell(checkbox)="row"> + <template #cell(checkbox)="row"> <b-form-checkbox v-model="row.rowSelected" @change="toggleSelectRow($refs.table, row.index)" /> </template> - <template v-slot:cell(status)="{ value }"> + <template #cell(status)="{ value }"> <status-icon :status="statusIcon(value)" /> {{ value }} </template> - <template v-slot:cell(currentValue)="data"> + <template #cell(currentValue)="data"> {{ data.value }} {{ data.item.units }} </template> - <template v-slot:cell(lowerCaution)="data"> + <template #cell(lowerCaution)="data"> {{ data.value }} {{ data.item.units }} </template> - <template v-slot:cell(upperCaution)="data"> + <template #cell(upperCaution)="data"> {{ data.value }} {{ data.item.units }} </template> - <template v-slot:cell(lowerCritical)="data"> + <template #cell(lowerCritical)="data"> {{ data.value }} {{ data.item.units }} </template> - <template v-slot:cell(upperCritical)="data"> + <template #cell(upperCritical)="data"> {{ data.value }} {{ data.item.units }} </template> </b-table> @@ -119,7 +119,7 @@ export default { TableCellCount, TableFilter, TableToolbar, - TableToolbarExport + TableToolbarExport, }, mixins: [ TableFilterMixin, @@ -127,63 +127,67 @@ export default { LoadingBarMixin, TableDataFormatterMixin, TableSortMixin, - SearchFilterMixin + SearchFilterMixin, ], + beforeRouteLeave(to, from, next) { + this.hideLoader(); + next(); + }, data() { return { fields: [ { key: 'checkbox', sortable: false, - label: '' + label: '', }, { key: 'name', sortable: true, - label: this.$t('pageSensors.table.name') + label: this.$t('pageSensors.table.name'), }, { key: 'status', sortable: true, label: this.$t('pageSensors.table.status'), - tdClass: 'text-nowrap' + tdClass: 'text-nowrap', }, { key: 'lowerCritical', formatter: this.tableFormatter, - label: this.$t('pageSensors.table.lowerCritical') + label: this.$t('pageSensors.table.lowerCritical'), }, { key: 'lowerCaution', formatter: this.tableFormatter, - label: this.$t('pageSensors.table.lowerWarning') + label: this.$t('pageSensors.table.lowerWarning'), }, { key: 'currentValue', formatter: this.tableFormatter, - label: this.$t('pageSensors.table.currentValue') + label: this.$t('pageSensors.table.currentValue'), }, { key: 'upperCaution', formatter: this.tableFormatter, - label: this.$t('pageSensors.table.upperWarning') + label: this.$t('pageSensors.table.upperWarning'), }, { key: 'upperCritical', formatter: this.tableFormatter, - label: this.$t('pageSensors.table.upperCritical') - } + label: this.$t('pageSensors.table.upperCritical'), + }, ], tableFilters: [ { key: 'status', label: this.$t('pageSensors.table.status'), - values: ['OK', 'Warning', 'Critical'] - } + values: ['OK', 'Warning', 'Critical'], + }, ], activeFilters: [], - searchTotalFilteredRows: 0 + searchTotalFilteredRows: 0, }; }, computed: { @@ -197,7 +201,7 @@ export default { }, filteredSensors() { return this.getFilteredTableData(this.allSensors, this.activeFilters); - } + }, }, created() { this.startLoader(); @@ -205,10 +209,6 @@ export default { .dispatch('sensors/getAllSensors') .finally(() => this.endLoader()); }, - beforeRouteLeave(to, from, next) { - this.hideLoader(); - next(); - }, methods: { sortCompare(a, b, key) { if (key === 'status') { @@ -230,13 +230,9 @@ export default { date = date.toISOString().slice(0, 10) + '_' + - date - .toString() - .split(':') - .join('-') - .split(' ')[4]; + date.toString().split(':').join('-').split(' ')[4]; return this.$t('pageSensors.exportFilePrefix') + date; - } - } + }, + }, }; </script> |