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/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>