timemanager/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html

46 lines
1.8 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>🟢 {{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>
<mat-progress-bar [mode]="'determinate'" [value]="task!.workTime"></mat-progress-bar>
</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">Start now</button>
<button mat-flat-button class="grayBtn" >Edit</button>
<!--<button mat-raised-button>Copy</button>-->
<button mat-flat-button class="greenBtn" >Finished</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"></app-schedule-dashboard>
</div>
</mat-expansion-panel>
</div>