Don't show the "nothing to do" llama right away
This commit is contained in:
parent
0c1505a1eb
commit
026ce2906a
|
@ -34,7 +34,7 @@
|
||||||
<x-button type="secondary" @click="setDatesToNextWeek()" class="mr-2">Next Week</x-button>
|
<x-button type="secondary" @click="setDatesToNextWeek()" class="mr-2">Next Week</x-button>
|
||||||
<x-button type="secondary" @click="setDatesToNextMonth()">Next Month</x-button>
|
<x-button type="secondary" @click="setDatesToNextMonth()">Next Month</x-button>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="!taskService.loading && (!hasUndoneTasks || !tasks || tasks.length === 0)">
|
<template v-if="!taskService.loading && (!hasUndoneTasks || !tasks || tasks.length === 0) && showNothingToDo">
|
||||||
<h3 class="nothing">Nothing to do - Have a nice day!</h3>
|
<h3 class="nothing">Nothing to do - Have a nice day!</h3>
|
||||||
<img alt="" src="/images/cool.svg"/>
|
<img alt="" src="/images/cool.svg"/>
|
||||||
</template>
|
</template>
|
||||||
|
@ -81,6 +81,8 @@ export default {
|
||||||
cStartDate: null,
|
cStartDate: null,
|
||||||
cEndDate: null,
|
cEndDate: null,
|
||||||
|
|
||||||
|
showNothingToDo: false,
|
||||||
|
|
||||||
flatPickerConfig: {
|
flatPickerConfig: {
|
||||||
altFormat: 'j M Y H:i',
|
altFormat: 'j M Y H:i',
|
||||||
altInput: true,
|
altInput: true,
|
||||||
|
@ -101,6 +103,9 @@ export default {
|
||||||
this.cEndDate = this.endDate
|
this.cEndDate = this.endDate
|
||||||
this.loadPendingTasks()
|
this.loadPendingTasks()
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
setTimeout(() => this.showNothingToDo = true, 100)
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
'$route': 'loadPendingTasks',
|
'$route': 'loadPendingTasks',
|
||||||
startDate(newVal) {
|
startDate(newVal) {
|
||||||
|
|
Reference in New Issue
Block a user