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 @@
-
+
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"})
+ }
+
+ }
}