Sebastian
f000b36710
All checks were successful
Java CI with Maven / build (push) Successful in 46s
Co-authored-by: Sebastian Böckelmann <uqpko@student.kit.edu> Reviewed-on: Sebastian/TimeManager#46
36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<div class="scheduler-container">
|
|
<!--<input [ngxTimepicker]="picker" [format]="24">
|
|
<ngx-material-timepicker #picker ></ngx-material-timepicker>-->
|
|
<!---->
|
|
<div>
|
|
<app-date-time-picker #startTimePicker (onTimeSet)="onStartTimeSet($event)" [date]="selectedStartTime"></app-date-time-picker>
|
|
<app-date-time-picker #stopTimePicker (onTimeSet)="onStopTimeSet($event)" [date]="selectedStopTime"></app-date-time-picker>
|
|
</div>
|
|
|
|
<div style="width: 100%; display: flex; align-items: center; justify-content: space-between" >
|
|
<div style="width: 90%;">
|
|
<div class="example-label-container">
|
|
<label id="example-name-label" class="example-name-label">0</label>
|
|
<label class="example-value-label">{{task!.eta}}</label>
|
|
</div>
|
|
<mat-slider min="0" [max]="task!.eta" step="15" style="width: 100%;" [discrete]="true" [showTickMarks]="true" #slider >
|
|
<input matSliderThumb [(ngModel)]="slideMinutes">
|
|
</mat-slider>
|
|
</div>
|
|
<button style="margin-left: 20px" mat-raised-button color="primary" (click)="addSlideMinutes()">Add</button>
|
|
</div>
|
|
|
|
<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>
|
|
|
|
|
|
<button class="scheduleBtn" mat-raised-button color="primary" (click)="schedule()">Schedule</button>
|
|
</div>
|
|
|