From d6116729fd104ab6d6339a6a739d287c0efecd99 Mon Sep 17 00:00:00 2001
From: Sebastian <s.boeckelmann3@gmail.com>
Date: Sun, 22 Oct 2023 10:21:39 +0200
Subject: [PATCH] Design of TaskEditor and automatically inserting new tasks
 after creation

---
 .../taskgroup-dashboard.component.html                |  2 +-
 .../taskgroup-dashboard.component.ts                  | 11 +++++++++--
 .../tasks/task-dashboard/task-dashboard.component.ts  |  5 +++++
 .../app/tasks/task-editor/task-editor.component.css   |  9 ++++++++-
 .../app/tasks/task-editor/task-editor.component.html  |  4 ++--
 5 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.html b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.html
index f1a0eab..52d88a9 100644
--- a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.html
+++ b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.html
@@ -18,7 +18,7 @@
 
   <mat-card style="width: 100%">
     <mat-card-content>
-      <app-task-dashboard [taskgroupID]="taskgroupID"></app-task-dashboard>
+      <app-task-dashboard #taskDashboard [taskgroupID]="taskgroupID"></app-task-dashboard>
     </mat-card-content>
   </mat-card>
   <div style="width: 100%">
diff --git a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
index 2bb3ab3..9f30de6 100644
--- a/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
+++ b/frontend/src/app/taskgroups/taskgroup-dashboard/taskgroup-dashboard.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import {Component, OnInit, ViewChild} from '@angular/core';
 import {MatDialog as MatDialog} from "@angular/material/dialog";
 import {TaskgroupCreationComponent} from "../taskgroup-creation/taskgroup-creation.component";
 import {TaskgroupEntityInfo, TaskgroupService} from "../../../api";
@@ -6,6 +6,7 @@ import {TaskgroupDeletionComponent} from "../taskgroup-deletion/taskgroup-deleti
 import {ActivatedRoute} from "@angular/router";
 import {TaskEditorComponent} from "../../tasks/task-editor/task-editor.component";
 import {TaskEditorData} from "../../tasks/task-editor/TaskEditorData";
+import {TaskDashboardComponent} from "../../tasks/task-dashboard/task-dashboard.component";
 
 @Component({
   selector: 'app-taskgroup-dashboard',
@@ -20,6 +21,7 @@ export class TaskgroupDashboardComponent implements OnInit {
 
   taskgroups: TaskgroupEntityInfo[] = []
   taskgroupID: number = -1;
+  @ViewChild("taskDashboard") taskDashboard: TaskDashboardComponent | undefined
 
   ngOnInit(): void {
     this.activatedRoute.paramMap.subscribe(params => {
@@ -73,6 +75,11 @@ export class TaskgroupDashboardComponent implements OnInit {
       task: undefined,
       taskgroupID: this.taskgroupID
     }
-    const dialogRef = this.dialog.open(TaskEditorComponent, {data: editorData, minWidth: "400px"})
+    const dialogRef = this.dialog.open(TaskEditorComponent, {data: editorData, width: "600px"})
+    dialogRef.afterClosed().subscribe(res => {
+      if(res != undefined) {
+        this.taskDashboard!.addTask(res);
+      }
+    })
   }
 }
diff --git a/frontend/src/app/tasks/task-dashboard/task-dashboard.component.ts b/frontend/src/app/tasks/task-dashboard/task-dashboard.component.ts
index 077858a..ba18818 100644
--- a/frontend/src/app/tasks/task-dashboard/task-dashboard.component.ts
+++ b/frontend/src/app/tasks/task-dashboard/task-dashboard.component.ts
@@ -94,4 +94,9 @@ export class TaskDashboardComponent implements OnChanges{
       }
     })
   }
+  addTask(task: TaskEntityInfo) {
+    const data = this.datasource.data;
+    data.push(task)
+    this.datasource.data = data;
+  }
 }
diff --git a/frontend/src/app/tasks/task-editor/task-editor.component.css b/frontend/src/app/tasks/task-editor/task-editor.component.css
index ddb52c2..7b1c648 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.css
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.css
@@ -4,5 +4,12 @@
 
 .date-form {
   width: 49%;
-  margin-right: 9px;
+}
+#startDate {
+  float: left;
+}
+
+
+#endDate {
+  float: right;
 }
diff --git a/frontend/src/app/tasks/task-editor/task-editor.component.html b/frontend/src/app/tasks/task-editor/task-editor.component.html
index 317a467..cc264a0 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.html
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.html
@@ -10,14 +10,14 @@
     <mat-label>ETA</mat-label>
     <input matInput type="number" [formControl]="etaCtrl" min="0">
   </mat-form-field>
-  <mat-form-field class="date-form">
+  <mat-form-field class="date-form" id="startDate">
     <mat-label>Startdate</mat-label>
     <input matInput [matDatepicker]="startpicker" [formControl]="startDate">
     <mat-hint>MM/DD/YYYY</mat-hint>
     <mat-datepicker-toggle matIconSuffix [for]="startpicker"></mat-datepicker-toggle>
     <mat-datepicker #startpicker></mat-datepicker>
   </mat-form-field>
-  <mat-form-field class="date-form">
+  <mat-form-field class="date-form" id="endDate">
     <mat-label>Deadline</mat-label>
     <input matInput [matDatepicker]="deadlinepicker" [formControl]="endDate">
     <mat-hint>MM/DD/YYYY</mat-hint>