Update linting packages to use latest
- 99% of changes were small syntax changes that were changed by the
lint command. There were a couple of small manual changes to meet the
property order patterns established as part of the vue:recommended
guidelines.
There are rules that were set from errors to warnings and new stories
are being opened to address those issues.
Testing:
- Successfully ran npm run serve
- Successfully ran npm run lint
- Verified functionality works as expected, e.g. success and failure use cases
- Resolved any JavaScript errors thrown to the console
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ie082f31c73ccbe8a60afa8f88a9ef6dbf33d9fd2
diff --git a/src/views/Health/EventLogs/EventLogs.vue b/src/views/Health/EventLogs/EventLogs.vue
index c345d8f..90f589a 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 @@
TableRowAction,
TableToolbar,
TableToolbarExport,
- TableDateFilter
+ TableDateFilter,
},
mixins: [
BVPaginationMixin,
@@ -189,64 +189,70 @@
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 @@
: 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 @@
this.filteredLogsByDate,
this.activeFilters
);
- }
+ },
},
created() {
this.startLoader();
@@ -295,23 +301,19 @@
.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 @@
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 @@
'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 @@
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 fb20338..24f0295 100644
--- a/src/views/Health/HardwareStatus/HardwareStatus.vue
+++ b/src/views/Health/HardwareStatus/HardwareStatus.vue
@@ -45,32 +45,38 @@
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 @@
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 e7ddf53..783cd64 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 @@
{
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 @@
} 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 0b56a9f..fbdadcd 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 @@
{
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 babb8d0..2c90163 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 @@
TableRowExpandMixin,
TableDataFormatterMixin,
TableSortMixin,
- SearchFilterMixin
+ SearchFilterMixin,
],
data() {
return {
@@ -93,35 +93,35 @@
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 @@
},
dimms() {
return this.$store.getters['memory/dimms'];
- }
+ },
},
created() {
this.$store.dispatch('memory/getDimms').finally(() => {
@@ -148,7 +148,7 @@
},
onFiltered(filteredItems) {
this.searchTotalFilteredRows = filteredItems.length;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue
index 9ee9291..6ade34b 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 @@
TableRowExpandMixin,
TableDataFormatterMixin,
TableSortMixin,
- SearchFilterMixin
+ SearchFilterMixin,
],
data() {
return {
@@ -92,35 +92,35 @@
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 @@
},
fans() {
return this.$store.getters['fan/fans'];
- }
+ },
},
created() {
this.$store.dispatch('fan/getFanInfo').finally(() => {
@@ -147,7 +147,7 @@
},
onFiltered(filteredItems) {
this.searchTotalFilteredRows = filteredItems.length;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue
index bd5cedb..91c26a7 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 @@
TableRowExpandMixin,
TableDataFormatterMixin,
TableSortMixin,
- SearchFilterMixin
+ SearchFilterMixin,
],
data() {
return {
@@ -115,35 +115,35 @@
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 @@
},
powerSupplies() {
return this.$store.getters['powerSupply/powerSupplies'];
- }
+ },
},
created() {
this.$store.dispatch('powerSupply/getPowerSupply').finally(() => {
@@ -170,7 +170,7 @@
},
onFiltered(filteredItems) {
this.searchTotalFilteredRows = filteredItems.length;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue
index de77243..fba4cc4 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 @@
TableRowExpandMixin,
TableDataFormatterMixin,
TableSortMixin,
- SearchFilterMixin
+ SearchFilterMixin,
],
data() {
return {
@@ -122,35 +122,35 @@
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 @@
},
processors() {
return this.$store.getters['processors/processors'];
- }
+ },
},
created() {
this.$store.dispatch('processors/getProcessorsInfo').finally(() => {
@@ -172,7 +172,7 @@
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 da4d546..fc65fbf 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 @@
{
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 acd2d18..384c64f 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 @@
TableCellCount,
TableFilter,
TableToolbar,
- TableToolbarExport
+ TableToolbarExport,
},
mixins: [
TableFilterMixin,
@@ -127,63 +127,67 @@
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 @@
},
filteredSensors() {
return this.getFilteredTableData(this.allSensors, this.activeFilters);
- }
+ },
},
created() {
this.startLoader();
@@ -205,10 +209,6 @@
.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 @@
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>