timemanager/frontend/src/app/dashboard/task-overview/task-overview.component.html
2023-10-28 18:29:34 +02:00

15 lines
812 B
HTML

<button mat-raised-button class="greenBtn long-btn" *ngIf="tasks.length > 0">Add</button>
<mat-card *ngFor="let task of tasks">
<mat-card-content>
<h3>{{task.taskName}}</h3>
<mat-progress-bar mode="determinate" value="{{task.activeTime}}" class="progress"></mat-progress-bar>
<p class="task-info"><i>ETA: </i>{{task.activeTime}} / {{task.eta}}</p>
<p class="task-info"><i>Limit: </i>{{task.limit}}</p>
</mat-card-content>
<mat-card-actions>
<button mat-raised-button color="primary" class="btn-without-radius" (click)="startTaskNow(task)">Start now</button>
<button mat-raised-button class="yellowBtn btn-without-radius">Schedule</button>
<button mat-raised-button class="greenBtn btn-without-radius" (click)="finishTask(task)">Finish</button>
</mat-card-actions>
</mat-card>