From 1c4b0f73b60620659ddbcab7498df2a3740b3ff9 Mon Sep 17 00:00:00 2001
From: Sebastian <mail@fawkes100.de>
Date: Fri, 6 Oct 2023 08:44:11 +0200
Subject: [PATCH] Fix Dateform Controler

---
 backend/.idea/workspace.xml                   | 54 +++++++++++--------
 frontend/src/app/app.module.ts                |  9 +---
 .../task-editor/task-editor.component.css     |  5 ++
 .../task-editor/task-editor.component.html    |  8 +--
 .../task-editor/task-editor.component.ts      | 11 ++--
 5 files changed, 48 insertions(+), 39 deletions(-)

diff --git a/backend/.idea/workspace.xml b/backend/.idea/workspace.xml
index 28d992a..57461a7 100644
--- a/backend/.idea/workspace.xml
+++ b/backend/.idea/workspace.xml
@@ -4,7 +4,13 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="3a869f59-290a-4ab2-b036-a878ce801bc4" name="Changes" comment="Datastructure for Tasks" />
+    <list default="true" id="3a869f59-290a-4ab2-b036-a878ce801bc4" name="Changes" comment="Datastructure for Tasks">
+      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/app.module.ts" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/app.module.ts" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.css" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.html" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.html" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.ts" beforeDir="false" afterPath="$PROJECT_DIR$/../frontend/src/app/tasks/task-editor/task-editor.component.ts" afterDir="false" />
+    </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -35,30 +41,31 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;RequestMappingsPanelOrder0&quot;: &quot;0&quot;,
-    &quot;RequestMappingsPanelOrder1&quot;: &quot;1&quot;,
-    &quot;RequestMappingsPanelWidth0&quot;: &quot;75&quot;,
-    &quot;RequestMappingsPanelWidth1&quot;: &quot;75&quot;,
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;git-widget-placeholder&quot;: &quot;issue-11-angular-update&quot;,
-    &quot;last_directory_selection&quot;: &quot;D:/Programmierprojekte/TimeManager/backend/src/main/java/core/api/models/timemanager&quot;,
-    &quot;last_opened_file_path&quot;: &quot;D:/Programmierprojekte/Dicewars/client&quot;,
-    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
-    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
-    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
-    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RequestMappingsPanelOrder0": "0",
+    "RequestMappingsPanelOrder1": "1",
+    "RequestMappingsPanelWidth0": "75",
+    "RequestMappingsPanelWidth1": "75",
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "git-widget-placeholder": "issue-11-angular-update",
+    "last_directory_selection": "D:/Programmierprojekte/TimeManager/backend/src/main/java/core/api/models/timemanager",
+    "last_opened_file_path": "D:/Programmierprojekte/Dicewars/client",
+    "node.js.detected.package.eslint": "true",
+    "node.js.detected.package.tslint": "true",
+    "node.js.selected.package.eslint": "(autodetect)",
+    "node.js.selected.package.tslint": "(autodetect)",
+    "settings.editor.selected.configurable": "preferences.lookFeel",
+    "vue.rearranger.settings.migration": "true"
   },
-  &quot;keyToStringList&quot;: {
-    &quot;DatabaseDriversLRU&quot;: [
-      &quot;mariadb&quot;
+  "keyToStringList": {
+    "DatabaseDriversLRU": [
+      "mariadb"
     ]
   }
-}</component>
+}]]></component>
   <component name="RunManager">
     <configuration name="DemoApplication" type="SpringBootApplicationConfigurationType" factoryName="Spring Boot" nameIsGenerated="true">
       <module name="demo" />
@@ -79,7 +86,8 @@
       <workItem from="1695647249321" duration="397000" />
       <workItem from="1696183811713" duration="4994000" />
       <workItem from="1696399523081" duration="666000" />
-      <workItem from="1696517800445" duration="1782000" />
+      <workItem from="1696517800445" duration="3887000" />
+      <workItem from="1696573678147" duration="111000" />
     </task>
     <task id="LOCAL-00001" summary="Structure Taskgroups in Hierarchies">
       <option name="closed" value="true" />
diff --git a/frontend/src/app/app.module.ts b/frontend/src/app/app.module.ts
index c8ce1e6..3e89d77 100644
--- a/frontend/src/app/app.module.ts
+++ b/frontend/src/app/app.module.ts
@@ -38,11 +38,6 @@ import { TaskgroupCreationComponent } from './taskgroups/taskgroup-creation/task
 import { TaskgroupDeletionComponent } from './taskgroups/taskgroup-deletion/taskgroup-deletion.component';
 import { TaskEditorComponent } from './tasks/task-editor/task-editor.component';
 import {MatDatepickerModule} from "@angular/material/datepicker";
-import {
-  NgxMatMomentAdapter,
-  NgxMatMomentModule,
-  NgxMomentDateModule
-} from "@angular-material-components/moment-adapter";
 import {MatButtonModule} from "@angular/material/button";
 import {MatMenuModule} from "@angular/material/menu";
 import {MatTabsModule} from "@angular/material/tabs";
@@ -51,7 +46,6 @@ import {MatCheckboxModule} from "@angular/material/checkbox";
 import {MatCardModule} from "@angular/material/card";
 import {MatListModule} from "@angular/material/list";
 import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatNativeDateModule} from "@angular/material/core";
-import {MomentDateAdapter} from "@angular/material-moment-adapter";
 
 @NgModule({
   declarations: [
@@ -99,7 +93,8 @@ import {MomentDateAdapter} from "@angular/material-moment-adapter";
         MatDatepickerModule,
         MatInputModule,
         MatDatepickerModule,
-        MatNativeDateModule
+        MatNativeDateModule,
+        FormsModule
     ],
   providers: [
     HttpClientModule,
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 4e80027..ddb52c2 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.css
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.css
@@ -1,3 +1,8 @@
 .long-form {
   width: 100%;
 }
+
+.date-form {
+  width: 49%;
+  margin-right: 9px;
+}
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 7f531cf..48a01b7 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.html
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.html
@@ -9,16 +9,16 @@
     <mat-label>ETA</mat-label>
     <input matInput type="number" [formControl]="etaCtrl" min="0">
   </mat-form-field>
-  <mat-form-field>
+  <mat-form-field class="date-form">
     <mat-label>Startdate</mat-label>
-    <input matInput [matDatepicker]="startpicker">
+    <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>
+  <mat-form-field class="date-form">
     <mat-label>Deadline</mat-label>
-    <input matInput [matDatepicker]="deadlinepicker">
+    <input matInput [matDatepicker]="deadlinepicker" [formControl]="endDate">
     <mat-hint>MM/DD/YYYY</mat-hint>
     <mat-datepicker-toggle matIconSuffix [for]="deadlinepicker"></mat-datepicker-toggle>
     <mat-datepicker #deadlinepicker></mat-datepicker>
diff --git a/frontend/src/app/tasks/task-editor/task-editor.component.ts b/frontend/src/app/tasks/task-editor/task-editor.component.ts
index bf196ee..8700d14 100644
--- a/frontend/src/app/tasks/task-editor/task-editor.component.ts
+++ b/frontend/src/app/tasks/task-editor/task-editor.component.ts
@@ -1,10 +1,10 @@
 import { Component, OnInit } from '@angular/core';
-import {UntypedFormControl, Validators} from "@angular/forms";
+import {FormControl, UntypedFormControl, Validators} from "@angular/forms";
 import * as _moment from 'moment';
 import {DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE} from "@angular/material/core";
 import {MomentDateAdapter} from "@angular/material-moment-adapter";
 
-const moment = _moment;
+
 @Component({
   selector: 'app-task-editor',
   templateUrl: './task-editor.component.html',
@@ -12,9 +12,10 @@ const moment = _moment;
 })
 export class TaskEditorComponent implements OnInit {
 
-  nameCtrl = new UntypedFormControl('', [Validators.required, Validators.maxLength(255)])
-  etaCtrl = new UntypedFormControl(0, [Validators.required, Validators.min(0)])
-  startDate = new UntypedFormControl(moment.now, [Validators.required])
+  nameCtrl: FormControl = new FormControl('', [Validators.required, Validators.maxLength(255)])
+  etaCtrl: FormControl = new FormControl(0, [Validators.required, Validators.min(0)])
+  startDate: FormControl = new FormControl(Date.now(), [Validators.required])
+  endDate: FormControl = new FormControl('');
   constructor() { }
 
   ngOnInit(): void {