30 lines
1.5 KiB
HTML
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>
|