local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

chore: watch values instead of listening to changes

Browse source
This commit is contained in:
kolaente 2022-02-06 18:56:45 +01:00
parent 18f7adf420
commit 204136266f
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/date/datepickerWithRange.vue
View file

@ -23,7 +23,7 @@
{{ $t('input.datepickerRange.from') }}
<div class="field has-addons">
<div class="control is-fullwidth">
<input class="input" type="text" v-model="from" @change="inputChanged"/>
<input class="input" type="text" v-model="from"/>
</div>
<div class="control">
<x-button icon="calendar" variant="secondary" data-toggle/>
@ -34,7 +34,7 @@
{{ $t('input.datepickerRange.to') }}
<div class="field has-addons">
<div class="control is-fullwidth">
<input class="input" type="text" v-model="to" @change="inputChanged"/>
<input class="input" type="text" v-model="to"/>
</div>
<div class="control">
<x-button icon="calendar" variant="secondary" data-toggle/>
@ -48,7 +48,9 @@
<p>
{{ $t('input.datepickerRange.math.canuse') }}
<BaseButton class="has-text-primary" @click="showHowItWorks = true">{{ $t('input.datepickerRange.math.learnhow') }}</BaseButton>
<BaseButton class="has-text-primary" @click="showHowItWorks = true">
{{ $t('input.datepickerRange.math.learnhow') }}
</BaseButton>
</p>
<modal
@ -240,12 +242,13 @@ watch(
emitChanged()
},
)
watch(() => from, inputChanged)
watch(() => to, inputChanged)
function setDateRange(range: string[] | null) {
if (range === null) {
from.value = ''
to.value = ''
inputChanged()
return
}
@ -253,7 +256,6 @@ function setDateRange(range: string[] | null) {
from.value = range[0]
to.value = range[1]
inputChanged()
}
const customRangeActive = computed<Boolean>(() => {
@ -261,13 +263,13 @@ const customRangeActive = computed<Boolean>(() => {
})
const buttonText = computed<string>(() => {
if(from.value !== '' && to.value !== '') {
if (from.value !== '' && to.value !== '') {
return t('input.datepickerRange.fromto', {
from: from.value,
to: to.value,
})
}
return t('task.show.select')
})
</script>