Files
Todo-tool/src/app/task-lists/task-lists.component.html

27 lines
985 B
HTML

<div class="task-lists">
<div *ngFor="let taskList of taskLists" class="task-list-container">
<div class="task-list shadowed"
(click)="selectActiveTaskList(taskList)"
(contextmenu)="$event.preventDefault(); onRightClick(taskList)"
matRipple>
<ng-container [ngPlural]="taskList.tasks?.length ?? 0">
<ng-template ngPluralCase="0">
Aucune tâche
</ng-template>
<ng-template ngPluralCase="1">
{{taskList.tasks?.length}} tâche
</ng-template>
<ng-template ngPluralCase="other">
{{taskList.tasks?.length}} tâches
</ng-template>
</ng-container>
<mat-icon *ngIf="isSelectionModeEnabled() && isSelected(taskList)" class="selection-icon">done</mat-icon>
</div>
{{taskList.name}}
</div>
</div>
<div class="selection-actions" *ngIf="isSelectionModeEnabled()">
<button class="raised">Renommer</button>
<button class="raised alert">Supprimer</button>
</div>