From f20774af99c68441ab1ff80d240378d01c58d5af 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:21:49 +0100
Subject: [PATCH] Adapt visualization of missed schedules to advanced schedules

---
 .../app/missed-schedules/missed-schedules.component.html | 9 ++++++++-
 .../app/missed-schedules/missed-schedules.component.ts   | 6 +++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/missed-schedules/missed-schedules.component.html b/frontend/src/app/missed-schedules/missed-schedules.component.html
index b7ba6b2..9338444 100644
--- a/frontend/src/app/missed-schedules/missed-schedules.component.html
+++ b/frontend/src/app/missed-schedules/missed-schedules.component.html
@@ -13,7 +13,14 @@
       <mat-progress-bar mode="determinate" [value]="schedule.activeMinutes"></mat-progress-bar>
       <div class="originally-planned-container">
         <div style="width: 100%">
-          <p style="display: inline-block"><i>Originally planned:</i> {{toBasicSchedule(schedule).scheduleDate}}</p>
+          <p style="display: inline-block"><i>Originally planned:</i>
+            <span *ngIf="schedule.scheduleType == 'BASIC'">{{toBasicSchedule(schedule).scheduleDate}}</span>
+            <span *ngIf="schedule.scheduleType == 'ADVANCED'">
+              <span> {{toAdvancedSchedule(schedule).scheduleStartTime | date:'EEEE, d MMM. y'}}</span>
+              <span> to </span>
+              <span>{{toAdvancedSchedule(schedule).scheduleStopTime | date: 'd MMM. y'}} </span>
+            </span>
+          </p>
         </div>
         <div style="width: 100%" class="reschedule-actions-container">
           <button mat-raised-button color="primary" class="rescheduleBtn"
diff --git a/frontend/src/app/missed-schedules/missed-schedules.component.ts b/frontend/src/app/missed-schedules/missed-schedules.component.ts
index 8ae1320..826a251 100644
--- a/frontend/src/app/missed-schedules/missed-schedules.component.ts
+++ b/frontend/src/app/missed-schedules/missed-schedules.component.ts
@@ -1,5 +1,5 @@
 import {Component, OnInit} from '@angular/core';
-import {BasicScheduleInfo, ScheduleInfo, ScheduleService} from "../../api";
+import {AdvancedScheduleInfo, BasicScheduleInfo, ScheduleInfo, ScheduleService} from "../../api";
 import {NavigationLink} from "../navigation-link-list/navigation-link-list.component";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {MatDialog} from "@angular/material/dialog";
@@ -67,4 +67,8 @@ export class MissedSchedulesComponent implements OnInit{
   toBasicSchedule(schedule: ScheduleInfo) {
     return schedule as BasicScheduleInfo
   }
+
+  toAdvancedSchedule(schedule: ScheduleInfo) {
+    return schedule as AdvancedScheduleInfo
+  }
 }