Adding message when there is no task

This commit is contained in:
Axel 2021-12-21 21:48:23 +01:00
parent e48daa0008
commit 22b6b9de57
2 changed files with 28 additions and 18 deletions

File diff suppressed because one or more lines are too long

View file

@ -5,24 +5,34 @@
</h3> </h3>
<div class="block-content"> <div class="block-content">
<div <div
v-for="group in tasks" v-if="tasks.length > 0"
v-bind:key="group.id"
class="new-group"
:title="'Group: '+group.name"
> >
<a :href="'#group-'+group.id"> <div
<p v-for="group in tasks"
v-for="task in group.tasks" v-bind:key="group.id"
v-bind:key="task.id" class="new-group"
:href="'#task-'+task.id" :title="'Group: '+group.name"
:class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')" >
class="square" <a :href="'#group-'+group.id">
> <p
<span class="small">{{task.id }}</span> v-for="task in group.tasks"
</p> v-bind:key="task.id"
</a> :href="'#task-'+task.id"
:class="statusText(task.status)+(task.active == 0 ? ' inactive' : '')"
class="square"
>
<span class="small">{{task.id }}</span>
</p>
</a>
</div>
<p class="spacer">&nbsp;</p>
</div>
<div
v-else
>
<center>Sorry, there is no task here.</center>
</div> </div>
<p class="spacer">&nbsp;</p>
</div> </div>
</div> </div>
</template> </template>