From 58969351cb4bf09bb4adb8076b44bf0d7b823cb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20B=C3=B6ckelmann?= <uqpko@student.kit.edu>
Date: Sun, 12 Nov 2023 12:05:14 +0100
Subject: [PATCH] Add Slider Minutes to EndTime

---
 .../advanced-scheduler.component.html                 |  6 +++---
 .../advanced-scheduler.component.ts                   | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.html b/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.html
index 41878ed..79f7a1b 100644
--- a/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.html
+++ b/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.html
@@ -13,11 +13,11 @@
         <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>
+      <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">Add</button>
+    <button style="margin-left: 20px" mat-raised-button color="primary" (click)="addSlideMinutes()">Add</button>
   </div>
 
   <div class="progress-stacked" >
diff --git a/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.ts b/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.ts
index ff90c90..ca801bd 100644
--- a/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.ts
+++ b/frontend/src/app/schedules/advanced-scheduler/advanced-scheduler.component.ts
@@ -32,6 +32,7 @@ export class AdvancedSchedulerComponent implements OnInit, OnChanges{
 
   @ViewChild('startTimePicker') startTimePicker?: DateTimePickerComponent;
   @ViewChild('stopTimePicker') stopTimePicker?: DateTimePickerComponent;
+  slideMinutes: number = 0;
 
   @Output('onStartTimeSet') startTimeEmitter : EventEmitter<Date> = new EventEmitter<Date>();
   @Output('onEndTimeSet') endTimeEmitter : EventEmitter<Date> = new EventEmitter<Date>();
@@ -152,4 +153,14 @@ export class AdvancedSchedulerComponent implements OnInit, OnChanges{
     }
   }
 
+  addSlideMinutes() {
+    if(this.selectedStartTime != undefined) {
+      const updatedStopTime = moment(this.selectedStartTime);
+      updatedStopTime.add(this.slideMinutes, 'm');
+
+      if(updatedStopTime.isAfter(moment(this.selectedStopTime))) {
+        this.setStopTime(updatedStopTime.toDate());
+      }
+    }
+  }
 }