From b8664124ca92b49650f0ed8cc1afa2f901b10aee Mon Sep 17 00:00:00 2001
From: Sebastian <s.boeckelmann3@gmail.com>
Date: Tue, 24 Oct 2023 19:31:55 +0200
Subject: [PATCH] Edit Task from TaskDetailView

---
 .../task-detail-overview.component.html         |  2 +-
 .../task-detail-overview.component.ts           | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
index 11d22d8..19e1895 100644
--- a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
+++ b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.html
@@ -21,7 +21,7 @@
         <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-flat-button class="grayBtn" (click)="openTaskEditor()">Edit</button>
           <!--<button mat-raised-button>Copy</button>-->
           <button mat-flat-button class="greenBtn" >Finished</button>
         </div>
diff --git a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
index 7488a1f..c9bb35b 100644
--- a/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
+++ b/frontend/src/app/tasks/task-detail-overview/task-detail-overview.component.ts
@@ -3,6 +3,9 @@ import {NavigationLink, NavigationLinkListComponent} from "../../navigation-link
 import {ActivatedRoute} from "@angular/router";
 import {TaskEntityInfo, TaskgroupEntityInfo, TaskgroupService, TaskService} from "../../../api";
 import {TaskDashboardComponent} from "../task-dashboard/task-dashboard.component";
+import {MatDialog} from "@angular/material/dialog";
+import {TaskEditorComponent} from "../task-editor/task-editor.component";
+import {TaskEditorData} from "../task-editor/TaskEditorData";
 
 @Component({
   selector: 'app-task-detail-overview',
@@ -31,7 +34,8 @@ export class TaskDetailOverviewComponent implements OnInit {
 
   constructor(private activatedRoute: ActivatedRoute,
               private taskgroupService: TaskgroupService,
-              private taskService: TaskService) {
+              private taskService: TaskService,
+              private dialog: MatDialog) {
   }
 
   ngOnInit(): void {
@@ -65,4 +69,15 @@ export class TaskDetailOverviewComponent implements OnInit {
     return "green";
 
   }
+
+  openTaskEditor() {
+    if(this.task != undefined) {
+      const taskEditorInfo: TaskEditorData = {
+        task: this.task!,
+        taskgroupID: this.taskgroupID!
+      };
+      this.dialog.open(TaskEditorComponent, {data: taskEditorInfo, width: "600px"})
+    }
+
+  }
 }