diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-10-22 00:20:00 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-11-03 19:47:51 +0300 |
commit | 602e98aa32f82fd3b0c3d250c7cc1f8da971db24 (patch) | |
tree | 2894194868ff987718a8b19f112b8106d662aa83 /src/components | |
parent | 47165201c79b3d2c4ccc62a49a9c75d038ee8fe6 (diff) | |
download | webui-vue-602e98aa32f82fd3b0c3d250c7cc1f8da971db24.tar.xz |
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
Diffstat (limited to 'src/components')
29 files changed, 180 insertions, 186 deletions
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index b1554121..01ebf5a1 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 @@ export default { 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 @@ export default { }, username() { return this.$store.getters['global/username']; - } + }, }, watch: { isAuthorized(value) { @@ -166,7 +166,7 @@ export default { this.$t('global.toast.unAuthTitle') ); } - } + }, }, created() { // Reset auth state to check if user is authenticated based @@ -178,7 +178,7 @@ export default { mounted() { this.$root.$on( 'change:isNavigationOpen', - isNavigationOpen => (this.isNavigationOpen = isNavigationOpen) + (isNavigationOpen) => (this.isNavigationOpen = isNavigationOpen) ); }, methods: { @@ -196,8 +196,8 @@ export default { }, toggleNavigation() { this.$root.$emit('toggle:navigation'); - } - } + }, + }, }; </script> diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue index 5d8a17f5..18b80000 100644 --- a/src/components/AppNavigation/AppNavigation.vue +++ b/src/components/AppNavigation/AppNavigation.vue @@ -63,16 +63,16 @@ export default { 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 @@ export default { methods: { toggleIsOpen() { this.isNavigationOpen = !this.isNavigationOpen; - } - } + }, + }, }; </script> diff --git a/src/components/AppNavigation/AppNavigationMixin.js b/src/components/AppNavigation/AppNavigationMixin.js index 498d6ca1..cf34b914 100644 --- a/src/components/AppNavigation/AppNavigationMixin.js +++ b/src/components/AppNavigation/AppNavigationMixin.js @@ -12,7 +12,7 @@ const AppNavigationMixin = { iconControl: IconSettingsAdjust, iconConfiguration: IconSettings, iconAccessControl: IconPassword, - iconExpand: IconChevronUp + iconExpand: IconChevronUp, }, data() { return { @@ -21,7 +21,7 @@ const AppNavigationMixin = { id: 'overview', label: this.$t('appNavigation.overview'), route: '/', - icon: 'iconOverview' + icon: 'iconOverview', }, { id: 'health', @@ -31,19 +31,19 @@ const AppNavigationMixin = { { 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 @@ const AppNavigationMixin = { { 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 @@ const AppNavigationMixin = { { 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 @@ const AppNavigationMixin = { { 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 88a4ae3d..e8de9e27 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 @@ export default { 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 15141660..f3cb7f12 100644 --- a/src/components/Global/InfoTooltip.vue +++ b/src/components/Global/InfoTooltip.vue @@ -13,9 +13,9 @@ export default { props: { title: { type: String, - default: '' - } - } + default: '', + }, + }, }; </script> diff --git a/src/components/Global/InputPasswordToggle.vue b/src/components/Global/InputPasswordToggle.vue index 228746cf..bf3e4ca5 100644 --- a/src/components/Global/InputPasswordToggle.vue +++ b/src/components/Global/InputPasswordToggle.vue @@ -31,7 +31,7 @@ export default { components: { IconView, IconViewOff }, data() { return { - isVisible: false + isVisible: false, }; }, methods: { @@ -44,8 +44,8 @@ export default { 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 3f503c8b..d62ef1e2 100644 --- a/src/components/Global/LoadingBar.vue +++ b/src/components/Global/LoadingBar.vue @@ -18,7 +18,7 @@ export default { loadingIndicatorValue: 0, isLoadingComplete: false, loadingIntervalId: null, - timeoutId: null + timeoutId: null, }; }, created() { @@ -66,8 +66,8 @@ export default { 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 8396bd5b..e766d38d 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 303b6e1e..dd39ddd5 100644 --- a/src/components/Global/PageSection.vue +++ b/src/components/Global/PageSection.vue @@ -11,9 +11,9 @@ export default { props: { sectionTitle: { type: String, - default: '' - } - } + default: '', + }, + }, }; </script> diff --git a/src/components/Global/PageTitle.vue b/src/components/Global/PageTitle.vue index e3dc8d0c..45c75edb 100644 --- a/src/components/Global/PageTitle.vue +++ b/src/components/Global/PageTitle.vue @@ -11,14 +11,14 @@ export default { 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 eeb909a8..778965e1 100644 --- a/src/components/Global/Search.vue +++ b/src/components/Global/Search.vue @@ -43,14 +43,14 @@ export default { 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 @@ export default { 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 4b2b47dd..4552633e 100644 --- a/src/components/Global/StatusIcon.vue +++ b/src/components/Global/StatusIcon.vue @@ -22,14 +22,14 @@ export default { 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 4f44ec29..75617093 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 @@ export default { 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 c0008dea..73b2b832 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 @@ export default { 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 @@ export default { // 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 @@ export default { 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 d6a954be..c9fb1068 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 @@ export default { 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 @@ export default { activeFilters: this.filters.map(({ key }) => { return { key, - values: [] + values: [], }; - }) + }), }; }, computed: { @@ -89,44 +89,38 @@ export default { }, 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 f86bce22..7e4af499 100644 --- a/src/components/Global/TableRowAction.vue +++ b/src/components/Global/TableRowAction.vue @@ -36,24 +36,24 @@ export default { 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 @@ export default { }, 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 97d8f641..6a856b44 100644 --- a/src/components/Global/TableToolbar.vue +++ b/src/components/Global/TableToolbar.vue @@ -36,34 +36,34 @@ export default { 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 59642f52..69646ea6 100644 --- a/src/components/Global/TableToolbarExport.vue +++ b/src/components/Global/TableToolbarExport.vue @@ -14,12 +14,12 @@ export default { props: { data: { type: Array, - default: () => [] + default: () => [], }, fileName: { type: String, - default: 'data' - } + default: 'data', + }, }, computed: { dataForExport() { @@ -30,7 +30,7 @@ export default { }, 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 84c46aa4..8b52f8ba 100644 --- a/src/components/Mixins/BVPaginationMixin.js +++ b/src/components/Mixins/BVPaginationMixin.js @@ -6,32 +6,32 @@ const BVPaginationMixin = { 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 fba2f2b8..cee7d0c9 100644 --- a/src/components/Mixins/BVTableSelectableMixin.js +++ b/src/components/Mixins/BVTableSelectableMixin.js @@ -3,7 +3,7 @@ const BVTableSelectableMixin = { return { tableHeaderCheckboxModel: false, tableHeaderCheckboxIndeterminate: false, - selectedRows: [] + selectedRows: [], }; }, methods: { @@ -37,8 +37,8 @@ const BVTableSelectableMixin = { 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 95ac5312..5e8ec006 100644 --- a/src/components/Mixins/BVToastMixin.js +++ b/src/components/Mixins/BVToastMixin.js @@ -2,7 +2,7 @@ import i18n from '@/i18n'; import StatusIcon from '../Global/StatusIcon'; const BVToastMixin = { components: { - StatusIcon + StatusIcon, }, methods: { toastTitle(title, status) { @@ -12,7 +12,7 @@ const BVToastMixin = { { class: 'toast-icon' }, [ this.$createElement('StatusIcon', { props: { status: status } }), - title + title, ] ); return titleWithIcon; @@ -23,7 +23,7 @@ const BVToastMixin = { 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 @@ const BVToastMixin = { variant: 'danger', noAutoHide: true, isStatus: true, - solid: true + solid: true, }); }, warningToast(message, title = i18n.t('global.status.warning')) { @@ -41,7 +41,7 @@ const BVToastMixin = { variant: 'warning', noAutoHide: true, isStatus: true, - solid: true + solid: true, }); }, infoToast(message, title = i18n.t('global.status.informational')) { @@ -50,10 +50,10 @@ const BVToastMixin = { 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 fffb1cab..9b6b1957 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 @@ const LoadingBarMixin = { }, hideLoader() { this.$root.$emit('loader::hide'); - } - } + }, + }, }; export default LoadingBarMixin; diff --git a/src/components/Mixins/LocalTimezoneLabelMixin.js b/src/components/Mixins/LocalTimezoneLabelMixin.js index 0f96a45f..6b4141c6 100644 --- a/src/components/Mixins/LocalTimezoneLabelMixin.js +++ b/src/components/Mixins/LocalTimezoneLabelMixin.js @@ -7,8 +7,8 @@ const LocalTimezoneLabelMixin = { 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 856975dc..41f93b1a 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 @@ const SearchFilterMixin = { }, onClearSearchInput() { this.searchFilter = null; - } - } + }, + }, }; export default SearchFilterMixin; diff --git a/src/components/Mixins/TableDataFormatterMixin.js b/src/components/Mixins/TableDataFormatterMixin.js index 3e15926a..026f8749 100644 --- a/src/components/Mixins/TableDataFormatterMixin.js +++ b/src/components/Mixins/TableDataFormatterMixin.js @@ -23,8 +23,8 @@ const TableDataFormatterMixin = { }, tableFormatterArray(value) { return value.join(', '); - } - } + }, + }, }; export default TableDataFormatterMixin; diff --git a/src/components/Mixins/TableFilterMixin.js b/src/components/Mixins/TableFilterMixin.js index 1a5425f9..7a2cc540 100644 --- a/src/components/Mixins/TableFilterMixin.js +++ b/src/components/Mixins/TableFilterMixin.js @@ -11,7 +11,7 @@ const TableFilterMixin = { // 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 @@ const TableFilterMixin = { : 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 fad63c61..d5246cda 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 @@ const TableRowExpandMixin = { 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 7e988503..c0997350 100644 --- a/src/components/Mixins/TableSortMixin.js +++ b/src/components/Mixins/TableSortMixin.js @@ -4,8 +4,8 @@ const TableSortMixin = { 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 8c617791..fec85251 100644 --- a/src/components/Mixins/VuelidateMixin.js +++ b/src/components/Mixins/VuelidateMixin.js @@ -3,8 +3,8 @@ const VuelidateMixin = { getValidationState(model) { const { $dirty, $error } = model; return $dirty ? !$error : null; - } - } + }, + }, }; export default VuelidateMixin; |