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/Overview/Overview.vue b/src/views/Overview/Overview.vue
index 27a599b..1313860 100644
--- a/src/views/Overview/Overview.vue
+++ b/src/views/Overview/Overview.vue
@@ -101,21 +101,22 @@
OverviewEvents,
OverviewNetwork,
PageTitle,
- PageSection
+ PageSection,
},
mixins: [LoadingBarMixin],
data() {
return {
firmwareStoreModuleName: this.$store.hasModule('firmwareSingleImage')
? 'firmwareSingleImage'
- : 'firmware'
+ : 'firmware',
};
},
computed: {
...mapState({
- server: state => state.system.systems[0],
- powerCapValue: state => state.powerControl.powerCapValue,
- powerConsumptionValue: state => state.powerControl.powerConsumptionValue,
+ server: (state) => state.system.systems[0],
+ powerCapValue: (state) => state.powerControl.powerCapValue,
+ powerConsumptionValue: (state) =>
+ state.powerControl.powerConsumptionValue,
serverManufacturer() {
if (this.server) return this.server.manufacturer || '--';
return '--';
@@ -131,23 +132,23 @@
hostFirmwareVersion() {
if (this.server) return this.server.firmwareVersion || '--';
return '--';
- }
+ },
}),
bmcFirmwareVersion() {
return this.$store.getters[
`${this.firmwareStoreModuleName}/bmcFirmwareCurrentVersion`
];
- }
+ },
},
created() {
this.startLoader();
- const quicklinksPromise = new Promise(resolve => {
+ const quicklinksPromise = new Promise((resolve) => {
this.$root.$on('overview::quicklinks::complete', () => resolve());
});
- const networkPromise = new Promise(resolve => {
+ const networkPromise = new Promise((resolve) => {
this.$root.$on('overview::network::complete', () => resolve());
});
- const eventsPromise = new Promise(resolve => {
+ const eventsPromise = new Promise((resolve) => {
this.$root.$on('overview::events::complete', () => resolve());
});
Promise.all([
@@ -158,13 +159,9 @@
this.$store.dispatch('powerControl/getPowerControl'),
quicklinksPromise,
networkPromise,
- eventsPromise
+ eventsPromise,
]).finally(() => this.endLoader());
},
- beforeRouteLeave(to, from, next) {
- this.hideLoader();
- next();
- }
};
</script>
diff --git a/src/views/Overview/OverviewEvents.vue b/src/views/Overview/OverviewEvents.vue
index ac39a2b..83aa677 100644
--- a/src/views/Overview/OverviewEvents.vue
+++ b/src/views/Overview/OverviewEvents.vue
@@ -20,11 +20,11 @@
:fields="fields"
:empty-text="$t('pageOverview.events.noHighEventsMsg')"
>
- <template v-slot:cell(severity)="{ value }">
+ <template #cell(severity)="{ value }">
<status-icon status="danger" />
{{ value }}
</template>
- <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>
@@ -43,36 +43,36 @@
fields: [
{
key: 'id',
- label: this.$t('pageOverview.events.id')
+ label: this.$t('pageOverview.events.id'),
},
{
key: 'severity',
- label: this.$t('pageOverview.events.severity')
+ label: this.$t('pageOverview.events.severity'),
},
{
key: 'type',
- label: this.$t('pageOverview.events.type')
+ label: this.$t('pageOverview.events.type'),
},
{
key: 'date',
- label: this.$t('pageOverview.events.date')
+ label: this.$t('pageOverview.events.date'),
},
{
key: 'description',
- label: this.$t('pageOverview.events.description')
- }
- ]
+ label: this.$t('pageOverview.events.description'),
+ },
+ ],
};
},
computed: {
eventLogData() {
return this.$store.getters['eventLog/highPriorityEvents'];
- }
+ },
},
created() {
this.$store.dispatch('eventLog/getEventLogData').finally(() => {
this.$root.$emit('overview::events::complete');
});
- }
+ },
};
</script>
diff --git a/src/views/Overview/OverviewNetwork.vue b/src/views/Overview/OverviewNetwork.vue
index 14b4d4a..ec9fd6b 100644
--- a/src/views/Overview/OverviewNetwork.vue
+++ b/src/views/Overview/OverviewNetwork.vue
@@ -46,13 +46,13 @@
computed: {
ethernetData() {
return this.$store.getters['networkSettings/ethernetData'];
- }
+ },
},
created() {
this.$store.dispatch('networkSettings/getEthernetData').finally(() => {
this.$root.$emit('overview::network::complete');
});
- }
+ },
};
</script>
diff --git a/src/views/Overview/OverviewQuickLinks.vue b/src/views/Overview/OverviewQuickLinks.vue
index e0b4487..1cbc64d 100644
--- a/src/views/Overview/OverviewQuickLinks.vue
+++ b/src/views/Overview/OverviewQuickLinks.vue
@@ -62,7 +62,7 @@
export default {
name: 'QuickLinks',
components: {
- IconArrowRight: ArrowRight16
+ IconArrowRight: ArrowRight16,
},
mixins: [BVToastMixin],
computed: {
@@ -75,13 +75,13 @@
},
set(value) {
return value;
- }
- }
+ },
+ },
},
created() {
Promise.all([
this.$store.dispatch('global/getBmcTime'),
- this.$store.dispatch('serverLed/getIndicatorValue')
+ this.$store.dispatch('serverLed/getIndicatorValue'),
]).finally(() => {
this.$root.$emit('overview::quicklinks::complete');
});
@@ -90,10 +90,10 @@
onChangeServerLed(value) {
this.$store
.dispatch('serverLed/saveIndicatorLedValue', value)
- .then(message => this.successToast(message))
+ .then((message) => this.successToast(message))
.catch(({ message }) => this.errorToast(message));
- }
- }
+ },
+ },
};
</script>