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

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 -->

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]);

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" }
         ]
     }
 };