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/TableDateFilter.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/TableDateFilter.vue')
-rw-r--r-- | src/components/Global/TableDateFilter.vue | 28 |
1 files changed, 14 insertions, 14 deletions
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> |