From 44a017ad9e29b79831bd0cb1569266ff8b7773ff Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Thu, 31 Oct 2024 09:15:20 +0100
Subject: [PATCH] feat(user-update): Konstante Variablen erstellt, um die
 erlaubten Sprachen in den Umgebungen zu bestimmen.

 - Combobox mit erlaubten Sprachen als Optionen mit Angular for-Schleife erstellt
---
 .../user-update-form/user-update-form.component.html   | 10 +++++++++-
 .../user-update-form/user-update-form.component.ts     |  4 ++++
 .../user_manager_ui/src/environments/environment.ts    |  4 ++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.html
index 85ec053..df06ce1 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.html
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.html
@@ -48,12 +48,20 @@
                 }
             </mat-select>
         </mat-form-field>
+        <mat-form-field>
+            <mat-label>Sprache</mat-label>
+            <mat-select [(value)]="user.language" [(ngModel)]="user.language">
+                @for (language of allowedLanguages; track language) {
+                <mat-option [value]="language.value">{{language.name}}</mat-option>
+                }
+            </mat-select>
+        </mat-form-field>
     </div>
     <!-- comment -->
     <div class="dd-row input-row">
         <mat-form-field>
             <mat-label>Kommentar</mat-label>
-            <input matInput [formControl]="comment" />
+            <textarea matInput [formControl]="comment"></textarea>
         </mat-form-field>
     </div>
     <!-- save-button, delete-button -->
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts
index 9e05da1..075db71 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.ts
@@ -34,6 +34,10 @@ export class UserUpdateFormComponent {
     return env.constants.date_formats;
   }
 
+  get allowedLanguages(): Array<{ value: string, name: string }> {
+    return env.constants.languages;
+  }
+
   readonly username = new FormControl(this.user.username, [Validators.required]);
   readonly email = new FormControl(this.user.email, [Validators.required, Validators.email]);
   readonly name = new FormControl(this.user.prename, [Validators.required]);
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts
index 17f449c..0a5ebdf 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/environments/environment.ts
@@ -210,6 +210,10 @@ export const env = {
                 value: "yyyy-MM-dd",
                 name: "yyyy-MM-dd",
             }
+        ],
+        languages: [
+            { value: "de-DE", name: "de-DE" },
+            { value: "en-US", name: "en-US" }
         ]
     }
 };
\ No newline at end of file