62 lines
1.7 KiB
HTML
62 lines
1.7 KiB
HTML
<section>
|
|
{{ task }}
|
|
</section>
|
|
|
|
<!--
|
|
<section *ngIf="index !== undefined">
|
|
{{ task.title }}
|
|
<div
|
|
class="content"
|
|
draggable="true"
|
|
(dragstart)="dragDropService.startDragging($event, index)"
|
|
>
|
|
<div
|
|
class="category"
|
|
[style.background-color]="
|
|
categoryColors.get(firebaseService.allTasks[index].category)
|
|
"
|
|
>
|
|
{{ firebaseService.allTasks[index].category }}
|
|
</div>
|
|
<div class="headline">{{ firebaseService.allTasks[index].title }}</div>
|
|
<div class="description">
|
|
{{ firebaseService.allTasks[index].description }}
|
|
</div>
|
|
<ng-container *ngIf="firebaseService.allTasks[index].subtasksTitle > ''">
|
|
<div class="subtask">
|
|
<div class="subtask-line">
|
|
<span
|
|
class="filler-full"
|
|
[style.width.%]="completedSubtasksPercent(index)"
|
|
></span>
|
|
</div>
|
|
<div class="subtask-text">
|
|
{{ completedSubtasks(index) }} /
|
|
{{ firebaseService.allTasks[index].subtasksTitle.length }} Subtasks
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
<div class="footer">
|
|
<div class="footer-badge">
|
|
<ng-container *ngIf="firebaseService.allTasks[index].assigned">
|
|
<div
|
|
*ngFor="
|
|
let assigned of firebaseService.allTasks[index].assigned;
|
|
index as i
|
|
"
|
|
>
|
|
<span class="footer-badged"></span>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
<div
|
|
class="footer-priority prio-{{
|
|
firebaseService.allTasks[index].priority
|
|
}}"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div *ngIf="index === undefined" class="empty-task">No tasks</div>
|
|
-->
|