From 6eccb57a8c48bd7f8585c073d43df3db94ef0ab3 Mon Sep 17 00:00:00 2001
From: Sebastian <s.boeckelmann3@gmail.com>
Date: Sun, 29 Oct 2023 11:27:51 +0100
Subject: [PATCH] Include routing for task and taskgroup headlines

---
 .../app/missed-schedules/missed-schedules.component.css  | 9 +++++++++
 .../app/missed-schedules/missed-schedules.component.html | 9 ++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/missed-schedules/missed-schedules.component.css b/frontend/src/app/missed-schedules/missed-schedules.component.css
index 2b618a5..6c303ec 100644
--- a/frontend/src/app/missed-schedules/missed-schedules.component.css
+++ b/frontend/src/app/missed-schedules/missed-schedules.component.css
@@ -35,3 +35,12 @@
 .forget-all-btn {
   margin-top: 20px;
 }
+
+.undecorated-link {
+  text-decoration: none;
+  color: black;
+}
+
+.undecorated-link:hover {
+  color: #3498db;
+}
diff --git a/frontend/src/app/missed-schedules/missed-schedules.component.html b/frontend/src/app/missed-schedules/missed-schedules.component.html
index 5307c05..ad49ce8 100644
--- a/frontend/src/app/missed-schedules/missed-schedules.component.html
+++ b/frontend/src/app/missed-schedules/missed-schedules.component.html
@@ -2,7 +2,14 @@
   <app-navigation-link-list [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list>
   <mat-card *ngFor="let schedule of missedSchedules">
     <mat-card-content>
-      <h3><a *ngFor="let taskgroup of schedule.taskgroupPath">{{taskgroup.taskgroupName}} / </a><a>{{schedule.task.taskName}}</a></h3>
+      <h3>
+        <span *ngFor="let taskgroup of schedule.taskgroupPath">
+          <a class="undecorated-link" [routerLink]="['/taskgroups', taskgroup.taskgroupID]">{{taskgroup.taskgroupName}}</a>
+          /
+        </span>
+
+        <a class="undecorated-link" [routerLink]="['/taskgroups', schedule.taskgroupPath[schedule.taskgroupPath.length-1].taskgroupID, 'tasks', schedule.task.taskID]">{{schedule.task.taskName}}</a>
+      </h3>
       <mat-progress-bar mode="determinate" [value]="schedule.activeMinutes"></mat-progress-bar>
       <div class="originally-planned-container">
         <div style="width: 100%">