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/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue
index b155412..01ebf5a 100644
--- a/src/components/AppHeader/AppHeader.vue
+++ b/src/components/AppHeader/AppHeader.vue
@@ -69,7 +69,7 @@
right
data-test-id="appHeader-container-user"
>
- <template v-slot:button-content>
+ <template #button-content>
<icon-avatar :title="$t('appHeader.titleProfile')" />
<span class="responsive-text">{{ username }}</span>
</template>
@@ -110,13 +110,13 @@
IconMenu,
IconRenew,
StatusIcon,
- LoadingBar
+ LoadingBar,
},
mixins: [BVToastMixin],
data() {
return {
isNavigationOpen: false,
- altLogo: `${process.env.VUE_APP_COMPANY_NAME} logo`
+ altLogo: `${process.env.VUE_APP_COMPANY_NAME} logo`,
};
},
computed: {
@@ -156,7 +156,7 @@
},
username() {
return this.$store.getters['global/username'];
- }
+ },
},
watch: {
isAuthorized(value) {
@@ -166,7 +166,7 @@
this.$t('global.toast.unAuthTitle')
);
}
- }
+ },
},
created() {
// Reset auth state to check if user is authenticated based
@@ -178,7 +178,7 @@
mounted() {
this.$root.$on(
'change:isNavigationOpen',
- isNavigationOpen => (this.isNavigationOpen = isNavigationOpen)
+ (isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen)
);
},
methods: {
@@ -196,8 +196,8 @@
},
toggleNavigation() {
this.$root.$emit('toggle:navigation');
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index 5d8a17f..18b8000 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -63,16 +63,16 @@
mixins: [AppNavigationMixin],
data() {
return {
- isNavigationOpen: false
+ isNavigationOpen: false,
};
},
watch: {
- $route: function() {
+ $route: function () {
this.isNavigationOpen = false;
},
- isNavigationOpen: function(isNavigationOpen) {
+ isNavigationOpen: function (isNavigationOpen) {
this.$root.$emit('change:isNavigationOpen', isNavigationOpen);
- }
+ },
},
mounted() {
this.$root.$on('toggle:navigation', () => this.toggleIsOpen());
@@ -80,8 +80,8 @@
methods: {
toggleIsOpen() {
this.isNavigationOpen = !this.isNavigationOpen;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/AppNavigation/AppNavigationMixin.js b/src/components/AppNavigation/AppNavigationMixin.js
index 498d6ca..cf34b91 100644
--- a/src/components/AppNavigation/AppNavigationMixin.js
+++ b/src/components/AppNavigation/AppNavigationMixin.js
@@ -12,7 +12,7 @@
iconControl: IconSettingsAdjust,
iconConfiguration: IconSettings,
iconAccessControl: IconPassword,
- iconExpand: IconChevronUp
+ iconExpand: IconChevronUp,
},
data() {
return {
@@ -21,7 +21,7 @@
id: 'overview',
label: this.$t('appNavigation.overview'),
route: '/',
- icon: 'iconOverview'
+ icon: 'iconOverview',
},
{
id: 'health',
@@ -31,19 +31,19 @@
{
id: 'event-logs',
label: this.$t('appNavigation.eventLogs'),
- route: '/health/event-logs'
+ route: '/health/event-logs',
},
{
id: 'hardware-status',
label: this.$t('appNavigation.hardwareStatus'),
- route: '/health/hardware-status'
+ route: '/health/hardware-status',
},
{
id: 'sensors',
label: this.$t('appNavigation.sensors'),
- route: '/health/sensors'
- }
- ]
+ route: '/health/sensors',
+ },
+ ],
},
{
id: 'control',
@@ -53,39 +53,39 @@
{
id: 'kvm',
label: this.$t('appNavigation.kvm'),
- route: '/control/kvm'
+ route: '/control/kvm',
},
{
id: 'manage-power-usage',
label: this.$t('appNavigation.managePowerUsage'),
- route: '/control/manage-power-usage'
+ route: '/control/manage-power-usage',
},
{
id: 'reboot-bmc',
label: this.$t('appNavigation.rebootBmc'),
- route: '/control/reboot-bmc'
+ route: '/control/reboot-bmc',
},
{
id: 'serial-over-lan',
label: this.$t('appNavigation.serialOverLan'),
- route: '/control/serial-over-lan'
+ route: '/control/serial-over-lan',
},
{
id: 'server-led',
label: this.$t('appNavigation.serverLed'),
- route: '/control/server-led'
+ route: '/control/server-led',
},
{
id: 'server-power-operations',
label: this.$t('appNavigation.serverPowerOperations'),
- route: '/control/server-power-operations'
+ route: '/control/server-power-operations',
},
{
id: 'virtual-media',
label: this.$t('appNavigation.virtualMedia'),
- route: '/control/virtual-media'
- }
- ]
+ route: '/control/virtual-media',
+ },
+ ],
},
{
id: 'configuration',
@@ -95,24 +95,24 @@
{
id: 'date-time-settings',
label: this.$t('appNavigation.dateTimeSettings'),
- route: '/configuration/date-time-settings'
+ route: '/configuration/date-time-settings',
},
{
id: 'firmware',
label: this.$t('appNavigation.firmware'),
- route: '/configuration/firmware'
+ route: '/configuration/firmware',
},
{
id: 'network-settings',
label: this.$t('appNavigation.networkSettings'),
- route: '/configuration/network-settings'
+ route: '/configuration/network-settings',
},
{
id: 'snmp-settings',
label: this.$t('appNavigation.snmpSettings'),
- route: ''
- }
- ]
+ route: '',
+ },
+ ],
},
{
id: 'access-control',
@@ -122,23 +122,23 @@
{
id: 'ldap',
label: this.$t('appNavigation.ldap'),
- route: '/access-control/ldap'
+ route: '/access-control/ldap',
},
{
id: 'local-user-management',
label: this.$t('appNavigation.localUserManagement'),
- route: '/access-control/local-user-management'
+ route: '/access-control/local-user-management',
},
{
id: 'ssl-certificates',
label: this.$t('appNavigation.sslCertificates'),
- route: '/access-control/ssl-certificates'
- }
- ]
- }
- ]
+ route: '/access-control/ssl-certificates',
+ },
+ ],
+ },
+ ],
};
- }
+ },
};
export default AppNavigationMixin;
diff --git a/src/components/Global/Alert.vue b/src/components/Global/Alert.vue
index 88a4ae3..e8de9e2 100644
--- a/src/components/Global/Alert.vue
+++ b/src/components/Global/Alert.vue
@@ -3,9 +3,9 @@
<div
v-if="
variant == 'info' ||
- variant == 'success' ||
- variant == 'warning' ||
- variant == 'danger'
+ variant == 'success' ||
+ variant == 'warning' ||
+ variant == 'danger'
"
class="alert-icon"
>
@@ -30,18 +30,18 @@
name: 'Alert',
components: {
BAlert: BAlert,
- StatusIcon: StatusIcon
+ StatusIcon: StatusIcon,
},
props: {
show: {
type: Boolean,
- default: true
+ default: true,
},
variant: {
type: String,
- default: ''
+ default: '',
},
- small: Boolean
- }
+ small: Boolean,
+ },
};
</script>
diff --git a/src/components/Global/InfoTooltip.vue b/src/components/Global/InfoTooltip.vue
index 1514166..f3cb7f1 100644
--- a/src/components/Global/InfoTooltip.vue
+++ b/src/components/Global/InfoTooltip.vue
@@ -13,9 +13,9 @@
props: {
title: {
type: String,
- default: ''
- }
- }
+ default: '',
+ },
+ },
};
</script>
diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue
index 228746c..bf3e4ca 100644
--- a/src/components/Global/InputPasswordToggle.vue
+++ b/src/components/Global/InputPasswordToggle.vue
@@ -31,7 +31,7 @@
components: { IconView, IconViewOff },
data() {
return {
- isVisible: false
+ isVisible: false,
};
},
methods: {
@@ -44,8 +44,8 @@
if (inputEl.nodeName === 'INPUT') {
inputEl.type = this.isVisible ? 'text' : 'password';
}
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/LoadingBar.vue b/src/components/Global/LoadingBar.vue
index 3f503c8..d62ef1e 100644
--- a/src/components/Global/LoadingBar.vue
+++ b/src/components/Global/LoadingBar.vue
@@ -18,7 +18,7 @@
loadingIndicatorValue: 0,
isLoadingComplete: false,
loadingIntervalId: null,
- timeoutId: null
+ timeoutId: null,
};
},
created() {
@@ -66,8 +66,8 @@
clearTimeout() {
if (this.timeoutId) clearTimeout(this.timeoutId);
this.timeoutId = null;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/PageContainer.vue b/src/components/Global/PageContainer.vue
index 8396bd5..e766d38 100644
--- a/src/components/Global/PageContainer.vue
+++ b/src/components/Global/PageContainer.vue
@@ -6,7 +6,7 @@
<script>
export default {
- name: 'PageContainer'
+ name: 'PageContainer',
};
</script>
diff --git a/src/components/Global/PageSection.vue b/src/components/Global/PageSection.vue
index 303b6e1..dd39ddd 100644
--- a/src/components/Global/PageSection.vue
+++ b/src/components/Global/PageSection.vue
@@ -11,9 +11,9 @@
props: {
sectionTitle: {
type: String,
- default: ''
- }
- }
+ default: '',
+ },
+ },
};
</script>
diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue
index e3dc8d0..45c75ed 100644
--- a/src/components/Global/PageTitle.vue
+++ b/src/components/Global/PageTitle.vue
@@ -11,14 +11,14 @@
props: {
description: {
type: String,
- default: ''
- }
+ default: '',
+ },
},
data() {
return {
- title: this.$route.meta.title
+ title: this.$route.meta.title,
};
- }
+ },
};
</script>
diff --git a/src/components/Global/Search.vue b/src/components/Global/Search.vue
index eeb909a..778965e 100644
--- a/src/components/Global/Search.vue
+++ b/src/components/Global/Search.vue
@@ -43,14 +43,14 @@
props: {
placeholder: {
type: String,
- default: function() {
+ default: function () {
return this.$t('global.form.search');
- }
- }
+ },
+ },
},
data() {
return {
- filter: null
+ filter: null,
};
},
methods: {
@@ -61,8 +61,8 @@
this.filter = '';
this.$emit('clearSearch');
this.$refs.searchInput.focus();
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue
index 4b2b47d..4552633 100644
--- a/src/components/Global/StatusIcon.vue
+++ b/src/components/Global/StatusIcon.vue
@@ -22,14 +22,14 @@
iconSuccess: IconCheckmark,
iconDanger: IconMisuse,
iconSecondary: IconError,
- iconWarning: IconWarning
+ iconWarning: IconWarning,
},
props: {
status: {
type: String,
- default: ''
- }
- }
+ default: '',
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableCellCount.vue b/src/components/Global/TableCellCount.vue
index 4f44ec2..7561709 100644
--- a/src/components/Global/TableCellCount.vue
+++ b/src/components/Global/TableCellCount.vue
@@ -7,7 +7,7 @@
{{
$t('global.table.selectedItems', {
count: totalNumberOfCells,
- filterCount: filteredItemsCount
+ filterCount: filteredItemsCount,
})
}}
</p>
@@ -19,17 +19,17 @@
props: {
filteredItemsCount: {
type: Number,
- required: true
+ required: true,
},
totalNumberOfCells: {
type: Number,
- required: true
- }
+ required: true,
+ },
},
computed: {
filterActive() {
return this.filteredItemsCount !== this.totalNumberOfCells;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableDateFilter.vue b/src/components/Global/TableDateFilter.vue
index c0008de..73b2b83 100644
--- a/src/components/Global/TableDateFilter.vue
+++ b/src/components/Global/TableDateFilter.vue
@@ -23,7 +23,7 @@
{{ $t('global.form.dateMustBeBefore', { date: toDate }) }}
</template>
</b-form-invalid-feedback>
- <template slot:append>
+ <template #append>
<b-form-datepicker
v-model="fromDate"
class="input-action"
@@ -38,7 +38,7 @@
button-variant="link"
aria-controls="input-from-date"
>
- <template v-slot:button-content>
+ <template #button-content>
<icon-calendar
:title="$t('global.calendar.openDatePicker')"
aria-hidden="true"
@@ -73,7 +73,7 @@
{{ $t('global.form.dateMustBeAfter', { date: fromDate }) }}
</template>
</b-form-invalid-feedback>
- <template slot:append>
+ <template #append>
<b-form-datepicker
v-model="toDate"
class="input-action"
@@ -88,7 +88,7 @@
button-variant="link"
aria-controls="input-to-date"
>
- <template v-slot:button-content>
+ <template #button-content>
<icon-calendar
:title="$t('global.calendar.openDatePicker')"
aria-hidden="true"
@@ -121,31 +121,31 @@
fromDate: '',
toDate: '',
offsetToDate: '',
- locale: this.$store.getters['global/languagePreference']
+ locale: this.$store.getters['global/languagePreference'],
};
},
validations() {
return {
fromDate: {
pattern: helpers.regex('pattern', isoDateRegex),
- maxDate: value => {
+ maxDate: (value) => {
if (!this.toDate) return true;
const date = new Date(value);
const maxDate = new Date(this.toDate);
if (date.getTime() > maxDate.getTime()) return false;
return true;
- }
+ },
},
toDate: {
pattern: helpers.regex('pattern', isoDateRegex),
- minDate: value => {
+ minDate: (value) => {
if (!this.fromDate) return true;
const date = new Date(value);
const minDate = new Date(this.fromDate);
if (date.getTime() < minDate.getTime()) return false;
return true;
- }
- }
+ },
+ },
};
},
watch: {
@@ -157,7 +157,7 @@
// entries from selected end date are included in filter
this.offsetToDate = new Date(newVal).setUTCHours(23, 59, 59, 999);
this.emitChange();
- }
+ },
},
methods: {
emitChange() {
@@ -165,9 +165,9 @@
this.$v.$reset(); //reset to re-validate on blur
this.$emit('change', {
fromDate: this.fromDate ? new Date(this.fromDate) : null,
- toDate: this.toDate ? new Date(this.offsetToDate) : null
+ toDate: this.toDate ? new Date(this.offsetToDate) : null,
});
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue
index d6a954b..c9fb106 100644
--- a/src/components/Global/TableFilter.vue
+++ b/src/components/Global/TableFilter.vue
@@ -18,7 +18,7 @@
@hide="dropdownVisible = false"
@show="dropdownVisible = true"
>
- <template v-slot:button-content>
+ <template #button-content>
<icon-filter />
{{ $t('global.action.filter') }}
</template>
@@ -62,12 +62,12 @@
filters: {
type: Array,
default: () => [],
- validator: prop => {
+ validator: (prop) => {
return prop.every(
- filter => 'label' in filter && 'values' in filter && 'key' in filter
+ (filter) => 'label' in filter && 'values' in filter && 'key' in filter
);
- }
- }
+ },
+ },
},
data() {
return {
@@ -75,9 +75,9 @@
activeFilters: this.filters.map(({ key }) => {
return {
key,
- values: []
+ values: [],
};
- })
+ }),
};
},
computed: {
@@ -89,44 +89,38 @@
},
set(value) {
return value;
- }
- }
+ },
+ },
},
methods: {
removeTag(tag) {
- this.activeFilters.forEach(filter => {
- filter.values = filter.values.filter(val => val !== tag);
+ this.activeFilters.forEach((filter) => {
+ filter.values = filter.values.filter((val) => val !== tag);
});
this.emitChange();
},
clearAllTags() {
- this.activeFilters.forEach(filter => {
+ this.activeFilters.forEach((filter) => {
filter.values = [];
});
this.emitChange();
},
emitChange() {
this.$emit('filterChange', {
- activeFilters: this.activeFilters
+ activeFilters: this.activeFilters,
});
},
- onChange(
- checked,
- {
- filter: { key },
- value
- }
- ) {
- this.activeFilters.forEach(filter => {
+ onChange(checked, { filter: { key }, value }) {
+ this.activeFilters.forEach((filter) => {
if (filter.key === key) {
checked
? filter.values.push(value)
- : (filter.values = filter.values.filter(val => val !== value));
+ : (filter.values = filter.values.filter((val) => val !== value));
}
});
this.emitChange();
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableRowAction.vue b/src/components/Global/TableRowAction.vue
index f86bce2..7e4af49 100644
--- a/src/components/Global/TableRowAction.vue
+++ b/src/components/Global/TableRowAction.vue
@@ -36,24 +36,24 @@
props: {
value: {
type: String,
- required: true
+ required: true,
},
enabled: {
type: Boolean,
- default: true
+ default: true,
},
title: {
type: String,
- default: null
+ default: null,
},
rowData: {
type: Object,
- default: () => {}
+ default: () => {},
},
exportName: {
type: String,
- default: 'export'
- }
+ default: 'export',
+ },
},
computed: {
dataForExport() {
@@ -64,7 +64,7 @@
},
href() {
return `data:text/json;charset=utf-8,${this.dataForExport}`;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableToolbar.vue b/src/components/Global/TableToolbar.vue
index 97d8f64..6a856b4 100644
--- a/src/components/Global/TableToolbar.vue
+++ b/src/components/Global/TableToolbar.vue
@@ -36,34 +36,34 @@
props: {
selectedItemsCount: {
type: Number,
- required: true
+ required: true,
},
actions: {
type: Array,
default: () => [],
- validator: prop => {
- return prop.every(action => {
+ validator: (prop) => {
+ return prop.every((action) => {
return (
action.hasOwnProperty('value') && action.hasOwnProperty('label')
);
});
- }
- }
+ },
+ },
},
data() {
return {
- isToolbarActive: false
+ isToolbarActive: false,
};
},
watch: {
- selectedItemsCount: function(selectedItemsCount) {
+ selectedItemsCount: function (selectedItemsCount) {
if (selectedItemsCount > 0) {
this.isToolbarActive = true;
} else {
this.isToolbarActive = false;
}
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Global/TableToolbarExport.vue b/src/components/Global/TableToolbarExport.vue
index 59642f5..69646ea 100644
--- a/src/components/Global/TableToolbarExport.vue
+++ b/src/components/Global/TableToolbarExport.vue
@@ -14,12 +14,12 @@
props: {
data: {
type: Array,
- default: () => []
+ default: () => [],
},
fileName: {
type: String,
- default: 'data'
- }
+ default: 'data',
+ },
},
computed: {
dataForExport() {
@@ -30,7 +30,7 @@
},
href() {
return `data:text/json;charset=utf-8,${this.dataForExport}`;
- }
- }
+ },
+ },
};
</script>
diff --git a/src/components/Mixins/BVPaginationMixin.js b/src/components/Mixins/BVPaginationMixin.js
index 84c46aa..8b52f8b 100644
--- a/src/components/Mixins/BVPaginationMixin.js
+++ b/src/components/Mixins/BVPaginationMixin.js
@@ -6,32 +6,32 @@
itemsPerPageOptions: [
{
value: 10,
- text: '10'
+ text: '10',
},
{
value: 20,
- text: '20'
+ text: '20',
},
{
value: 30,
- text: '30'
+ text: '30',
},
{
value: 40,
- text: '40'
+ text: '40',
},
{
value: 0,
- text: this.$t('global.table.viewAll')
- }
- ]
+ text: this.$t('global.table.viewAll'),
+ },
+ ],
};
},
methods: {
getTotalRowCount(count) {
return this.perPage === 0 ? 0 : count;
- }
- }
+ },
+ },
};
export default BVPaginationMixin;
diff --git a/src/components/Mixins/BVTableSelectableMixin.js b/src/components/Mixins/BVTableSelectableMixin.js
index fba2f2b..cee7d0c 100644
--- a/src/components/Mixins/BVTableSelectableMixin.js
+++ b/src/components/Mixins/BVTableSelectableMixin.js
@@ -3,7 +3,7 @@
return {
tableHeaderCheckboxModel: false,
tableHeaderCheckboxIndeterminate: false,
- selectedRows: []
+ selectedRows: [],
};
},
methods: {
@@ -37,8 +37,8 @@
if (this.tableHeaderCheckboxModel) tableRef.clearSelected();
else tableRef.selectAllRows();
}
- }
- }
+ },
+ },
};
export default BVTableSelectableMixin;
diff --git a/src/components/Mixins/BVToastMixin.js b/src/components/Mixins/BVToastMixin.js
index 95ac531..5e8ec00 100644
--- a/src/components/Mixins/BVToastMixin.js
+++ b/src/components/Mixins/BVToastMixin.js
@@ -2,7 +2,7 @@
import StatusIcon from '../Global/StatusIcon';
const BVToastMixin = {
components: {
- StatusIcon
+ StatusIcon,
},
methods: {
toastTitle(title, status) {
@@ -12,7 +12,7 @@
{ class: 'toast-icon' },
[
this.$createElement('StatusIcon', { props: { status: status } }),
- title
+ title,
]
);
return titleWithIcon;
@@ -23,7 +23,7 @@
variant: 'success',
autoHideDelay: 10000, //auto hide in milliseconds
isStatus: true,
- solid: true
+ solid: true,
});
},
errorToast(message, title = i18n.t('global.status.error')) {
@@ -32,7 +32,7 @@
variant: 'danger',
noAutoHide: true,
isStatus: true,
- solid: true
+ solid: true,
});
},
warningToast(message, title = i18n.t('global.status.warning')) {
@@ -41,7 +41,7 @@
variant: 'warning',
noAutoHide: true,
isStatus: true,
- solid: true
+ solid: true,
});
},
infoToast(message, title = i18n.t('global.status.informational')) {
@@ -50,10 +50,10 @@
variant: 'info',
noAutoHide: true,
isStatus: true,
- solid: true
+ solid: true,
});
- }
- }
+ },
+ },
};
export default BVToastMixin;
diff --git a/src/components/Mixins/LoadingBarMixin.js b/src/components/Mixins/LoadingBarMixin.js
index fffb1ca..9b6b195 100644
--- a/src/components/Mixins/LoadingBarMixin.js
+++ b/src/components/Mixins/LoadingBarMixin.js
@@ -1,7 +1,7 @@
const LoadingBarMixin = {
data() {
return {
- loading: true
+ loading: true,
};
},
methods: {
@@ -15,8 +15,8 @@
},
hideLoader() {
this.$root.$emit('loader::hide');
- }
- }
+ },
+ },
};
export default LoadingBarMixin;
diff --git a/src/components/Mixins/LocalTimezoneLabelMixin.js b/src/components/Mixins/LocalTimezoneLabelMixin.js
index 0f96a45..6b4141c 100644
--- a/src/components/Mixins/LocalTimezoneLabelMixin.js
+++ b/src/components/Mixins/LocalTimezoneLabelMixin.js
@@ -7,8 +7,8 @@
const shortTz = this.$options.filters.shortTimeZone(new Date());
const pattern = `'${shortTz}' O`;
return format(new Date(), pattern, { timezone }).replace('GMT', 'UTC');
- }
- }
+ },
+ },
};
export default LocalTimezoneLabelMixin;
diff --git a/src/components/Mixins/SearchFilterMixin.js b/src/components/Mixins/SearchFilterMixin.js
index 856975d..41f93b1 100644
--- a/src/components/Mixins/SearchFilterMixin.js
+++ b/src/components/Mixins/SearchFilterMixin.js
@@ -1,7 +1,7 @@
const SearchFilterMixin = {
data() {
return {
- searchFilter: null
+ searchFilter: null,
};
},
methods: {
@@ -10,8 +10,8 @@
},
onClearSearchInput() {
this.searchFilter = null;
- }
- }
+ },
+ },
};
export default SearchFilterMixin;
diff --git a/src/components/Mixins/TableDataFormatterMixin.js b/src/components/Mixins/TableDataFormatterMixin.js
index 3e15926..026f874 100644
--- a/src/components/Mixins/TableDataFormatterMixin.js
+++ b/src/components/Mixins/TableDataFormatterMixin.js
@@ -23,8 +23,8 @@
},
tableFormatterArray(value) {
return value.join(', ');
- }
- }
+ },
+ },
};
export default TableDataFormatterMixin;
diff --git a/src/components/Mixins/TableFilterMixin.js b/src/components/Mixins/TableFilterMixin.js
index 1a5425f..7a2cc54 100644
--- a/src/components/Mixins/TableFilterMixin.js
+++ b/src/components/Mixins/TableFilterMixin.js
@@ -11,7 +11,7 @@
// Check if row property value is included in list of
// active filters
- return tableData.filter(row => {
+ return tableData.filter((row) => {
let returnRow = false;
for (const { key, values } of filters) {
const rowProperty = row[key];
@@ -45,14 +45,14 @@
: Number.POSITIVE_INFINITY;
}
- return tableData.filter(row => {
+ return tableData.filter((row) => {
const date = row[propertyKey];
if (!(date instanceof Date)) return;
const dateInMs = date.getTime();
if (dateInMs >= startDateInMs && dateInMs <= endDateInMs) return row;
});
- }
- }
+ },
+ },
};
export default TableFilterMixin;
diff --git a/src/components/Mixins/TableRowExpandMixin.js b/src/components/Mixins/TableRowExpandMixin.js
index fad63c6..d5246cd 100644
--- a/src/components/Mixins/TableRowExpandMixin.js
+++ b/src/components/Mixins/TableRowExpandMixin.js
@@ -1,7 +1,7 @@
const TableRowExpandMixin = {
data() {
return {
- expandRowLabel: this.$t('global.table.expandTableRow')
+ expandRowLabel: this.$t('global.table.expandTableRow'),
};
},
methods: {
@@ -10,8 +10,8 @@
row.detailsShowing
? (this.expandRowLabel = this.$t('global.table.expandTableRow'))
: (this.expandRowLabel = this.$t('global.table.collapseTableRow'));
- }
- }
+ },
+ },
};
export default TableRowExpandMixin;
diff --git a/src/components/Mixins/TableSortMixin.js b/src/components/Mixins/TableSortMixin.js
index 7e98850..c099735 100644
--- a/src/components/Mixins/TableSortMixin.js
+++ b/src/components/Mixins/TableSortMixin.js
@@ -4,8 +4,8 @@
methods: {
sortStatus(a, b, key) {
return STATUS.indexOf(a[key]) - STATUS.indexOf(b[key]);
- }
- }
+ },
+ },
};
export default TableSortMixin;
diff --git a/src/components/Mixins/VuelidateMixin.js b/src/components/Mixins/VuelidateMixin.js
index 8c61779..fec8525 100644
--- a/src/components/Mixins/VuelidateMixin.js
+++ b/src/components/Mixins/VuelidateMixin.js
@@ -3,8 +3,8 @@
getValidationState(model) {
const { $dirty, $error } = model;
return $dirty ? !$error : null;
- }
- }
+ },
+ },
};
export default VuelidateMixin;