From 7e05123fbfc37f6107a2a3adee1ab3aec576f40b Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Mon, 11 Nov 2024 12:13:58 +0100
Subject: [PATCH] =?UTF-8?q?feat(rep-create-form.component):=20Umschaltm?=
 =?UTF-8?q?=C3=B6glichkeit=20f=C3=BCr=20unbegrenzte=20Zeit=20hinzugef?=
 =?UTF-8?q?=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../forms/rep-create-form/rep-create-form.component.html   | 5 ++++-
 .../forms/rep-create-form/rep-create-form.component.ts     | 7 ++++---
 .../ClientApp/user_manager_ui/src/styles.scss              | 6 ++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.html
index b0fba37..ced798e 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.html
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.html
@@ -2,7 +2,7 @@
     <div class="dd-row input-row">
         <mat-form-field class="w40p">
             <mat-label>Geben Sie einen Datumsbereich ein</mat-label>
-            <mat-date-range-input [formGroup]="range" [rangePicker]="picker" [disabled]="dateDisabled">
+            <mat-date-range-input [formGroup]="range" [rangePicker]="picker" [disabled]="termless">
                 <input matStartDate formControlName="start" placeholder="Start date">
                 <input matEndDate formControlName="end" placeholder="End date">
             </mat-date-range-input>
@@ -17,6 +17,9 @@
             <mat-error>Ungültiges Enddatum</mat-error>
             }
         </mat-form-field>
+        <mat-slide-toggle [(ngModel)]="termless" class="w20p">
+            Unbefristet
+        </mat-slide-toggle>
         <button mat-fab extended (click)="create()" class="w20p">
             <mat-icon>playlist_add</mat-icon>
             Erstellen
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.ts
index a20c8d7..d46ba3b 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/rep-create-form/rep-create-form.component.ts
@@ -13,6 +13,7 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { provideMomentDateAdapter } from '@angular/material-moment-adapter';
 import { MatInputModule } from '@angular/material/input';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import 'moment/locale/de';
 
 @Component({
@@ -23,7 +24,7 @@ import 'moment/locale/de';
     { provide: MAT_DATE_LOCALE, useValue: 'de-DE' },
     provideMomentDateAdapter()
   ],
-  imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule, JsonPipe, MatButtonModule, MatIconModule, MatInputModule],
+  imports: [MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule, JsonPipe, MatButtonModule, MatIconModule, MatInputModule, MatSlideToggleModule],
   templateUrl: './rep-create-form.component.html',
   styleUrl: './rep-create-form.component.scss',
   changeDetection: ChangeDetectionStrategy.OnPush,
@@ -41,7 +42,7 @@ export class RepCreateFormComponent implements OnInit {
   private readonly _locale = signal(inject<unknown>(MAT_DATE_LOCALE));
   private readonly _adapter = inject<DateAdapter<unknown, unknown>>(DateAdapter);
   private readonly _intl = inject(MatDatepickerIntl);
-  dateDisabled: boolean = false;
+  termless: boolean = false;
 
   constructor() {
     const dialogData: { userRep: UserRep, afterCreation: (any: any) => any } = inject(MAT_DIALOG_DATA)
@@ -93,4 +94,4 @@ export class RepCreateFormComponent implements OnInit {
       }
     });
   }
-}
+}
\ No newline at end of file
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/styles.scss b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/styles.scss
index 19770da..6f25563 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/styles.scss
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/styles.scss
@@ -67,6 +67,7 @@ code {
 
 .input-row {
   justify-content: space-evenly;
+  align-items: center;
 }
 
 .button-row {
@@ -76,7 +77,7 @@ code {
 
 .dd-row mat-form-field {
   width: 100%;
-  margin: 0 1rem 0 1rem;
+  margin: 1rem 0rem 0rem 0rem;
 }
 
 .dd-row mat-checkbox {
@@ -86,7 +87,8 @@ code {
 
 .dd-row mat-slide-toggle {
   width: 100%;
-  margin: 0 1rem 1rem 1rem;
+  margin: 1rem 0rem 1rem 0rem;
+  padding: 0;
 }
 
 .dd-row button {