Move tasks from the overview pages to a card
This commit is contained in:
parent
27d92c3ab1
commit
0c1505a1eb
|
@ -9,7 +9,7 @@
|
||||||
Show tasks without dates
|
Show tasks without dates
|
||||||
</fancycheckbox>
|
</fancycheckbox>
|
||||||
<h3 v-if="showAll && tasks.length > 0">Current tasks</h3>
|
<h3 v-if="showAll && tasks.length > 0">Current tasks</h3>
|
||||||
<h3 v-else-if="!showAll">
|
<h3 v-else-if="!showAll" class="mb-2">
|
||||||
Tasks from
|
Tasks from
|
||||||
<flat-pickr
|
<flat-pickr
|
||||||
:class="{ 'disabled': taskService.loading}"
|
:class="{ 'disabled': taskService.loading}"
|
||||||
|
@ -29,25 +29,28 @@
|
||||||
v-model="cEndDate"
|
v-model="cEndDate"
|
||||||
/>
|
/>
|
||||||
</h3>
|
</h3>
|
||||||
<div v-if="!showAll">
|
<div v-if="!showAll" class="mb-4">
|
||||||
<x-button type="secondary" @click="showTodaysTasks()" :shadow="false" class="mr-2">Today</x-button>
|
<x-button type="secondary" @click="showTodaysTasks()" class="mr-2">Today</x-button>
|
||||||
<x-button type="secondary" @click="setDatesToNextWeek()" :shadow="false" 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()" :shadow="false">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)">
|
||||||
<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>
|
||||||
<div :class="{ 'is-loading': taskService.loading}" class="spinner"></div>
|
<div :class="{ 'is-loading': taskService.loading}" class="spinner"></div>
|
||||||
<div class="tasks" v-if="tasks && tasks.length > 0">
|
|
||||||
<single-task-in-list
|
<card :padding="false" :has-content="false" v-if="tasks && tasks.length > 0">
|
||||||
:key="t.id"
|
<div class="tasks">
|
||||||
class="task"
|
<single-task-in-list
|
||||||
v-for="t in tasks"
|
:key="t.id"
|
||||||
:show-list="true"
|
class="task"
|
||||||
:the-task="t"
|
v-for="t in tasks"
|
||||||
@taskUpdated="updateTasks"/>
|
:show-list="true"
|
||||||
</div>
|
:the-task="t"
|
||||||
|
@taskUpdated="updateTasks"/>
|
||||||
|
</div>
|
||||||
|
</card>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
Reference in New Issue
Block a user