53 lines
2.4 KiB
HTML
53 lines
2.4 KiB
HTML
<div class="container">
|
|
<app-navigation-link-list #navLinkList [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list>
|
|
<mat-card *ngIf="task != undefined">
|
|
<mat-card-header>
|
|
<mat-card-title>
|
|
<div class="task-header-container">
|
|
<div class="left">
|
|
<div>{{taskStatus + " " + task!.taskName}}</div>
|
|
</div>
|
|
<button class="right lightBlueBtn" mat-raised-button style="margin-left: auto">Add Subtask</button>
|
|
</div>
|
|
</mat-card-title>
|
|
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<p>ETA: {{task!.eta}} Minuten - Deadline: {{task!.deadline}}</p>
|
|
<div class="progress-stacked" >
|
|
<div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="15" aria-valuemin="0" aria-valuemax="100" [style.width]=currentProgress>
|
|
<div class="progress-bar">{{currentProgress}}</div>
|
|
</div>
|
|
<div class="progress" role="progressbar" aria-label="Segment two" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" [style.width]=futureProgress>
|
|
<div class="progress-bar bg-success">{{futureProgress}}</div>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
<mat-card-actions *ngIf="taskgroup != undefined && task != undefined">
|
|
<div style="width: 100%">
|
|
<div style="float: left">
|
|
<button mat-flat-button class="borderless-btn" color="primary" [routerLink]="['/taskgroups', taskgroup!.taskgroupID, 'tasks', task!.taskID, 'schedule']">Schedule</button>
|
|
<button mat-flat-button class="yellowBtn" (click)="startTaskNow()">Start now</button>
|
|
<button mat-flat-button class="grayBtn" (click)="openTaskEditor()">Edit</button>
|
|
<!--<button mat-raised-button>Copy</button>-->
|
|
<button mat-flat-button class="greenBtn" *ngIf="task!.finishable" (click)="finishTask()">{{task!.finished ? 'Reopen':'Finish'}}</button>
|
|
</div>
|
|
|
|
<div style="float:right;">
|
|
<button mat-raised-button color="warn">Delete</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
|
|
|
|
<mat-expansion-panel *ngIf="taskgroup != undefined && task != undefined" style="margin-top: 20px" expanded>
|
|
<mat-expansion-panel-header>Schedules</mat-expansion-panel-header>
|
|
<div>
|
|
<app-schedule-dashboard [taskgroup]="taskgroup" [task]="task" #scheduleDashboard [schedules]="schedules"></app-schedule-dashboard>
|
|
</div>
|
|
</mat-expansion-panel>
|
|
</div>
|