timemanager/frontend/src/app/overdue-task-overview/overdue-task-overview.component.html
Sebastian Böckelmann d2f5bb003e
All checks were successful
Java CI with Maven / build (push) Successful in 46s
Fix issue 49 (Missing Verlinkung bei OverdueTasks)
2023-11-13 08:54:38 +01:00

30 lines
1.5 KiB
HTML

<div class="container">
<app-navigation-link-list [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list>
<mat-card *ngFor="let task of overdueTasks">
<mat-card-content>
<h3>
<span *ngFor="let taskgroup of task.taskgroups">
<a class="undecorated-link" [routerLink]="['/taskgroups', taskgroup.taskgroupID]">{{taskgroup.taskgroupName}}</a>/
</span>
<a class="undecorated-link" [routerLink]="['/taskgroups', task.taskgroups[task.taskgroups.length-1].taskgroupID, 'tasks', task.taskID]">{{task.taskName}}</a>
</h3>
<mat-progress-bar mode="determinate" [value]="calcProgress(task)"></mat-progress-bar>
<div class="originally-planned-container">
<div style="width: 100%">
<p style="display: inline-block"><i>Limit:</i> {{task.deadline}}</p>
</div>
<div style="width: 100%" class="reschedule-actions-container">
<div class="btn-group">
<button mat-raised-button color="primary" class="btn-group-itemleft">Schedule</button>
<button mat-raised-button class="btn-group-item yellowBtn" (click)="startNow(task)">Start now</button>
<button mat-raised-button class="btn-group-itemright greenBtn" (click)="finishTask(task)">Finish</button>
</div>
<div class="btn-group">
<button mat-raised-button color="warn" (click)="deleteTask(task)"><mat-icon>delete</mat-icon>Delete</button>
</div>
</div>
</div>
</mat-card-content>
</mat-card>
</div>