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/Global/TableFilter.vue | |
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/Global/TableFilter.vue')
-rw-r--r-- | src/components/Global/TableFilter.vue | 42 |
1 files changed, 18 insertions, 24 deletions
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> |