feat(user-update): Readonly-Eingabe für Id hinzugefügt

- Responsive CSS-Klassen für prozentuale Breiten hinzugefügt

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.html

@@ -1,14 +1,18 @@
 <div class="dd-container">
-    <!-- username, e-mail -->
+    <!-- id, username, e-mail -->
     <div class="dd-row input-row">
-        <mat-form-field>
+        <mat-form-field class="w10p">
+            <mat-label>Id</mat-label>
+            <input matInput readonly [value]="user.id" />
+        </mat-form-field>
+        <mat-form-field class="w30p">
             <mat-label>Benutzername</mat-label>
             <input matInput [formControl]="username" (blur)="updateErrorMessage()" required />
             @if (email.invalid) {
             <mat-error>{{errorMessage()}}</mat-error>
             }
         </mat-form-field>
-        <mat-form-field>
+        <mat-form-field class="w60p">
             <mat-label>E-Mail</mat-label>
             <input matInput placeholder="user@example.com" [formControl]="email" (blur)="updateMailErrorMessage()"
                 required />

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.scss

@@ -27,6 +27,12 @@ mat-form-field {
     margin: 0 1rem 0 1rem;
 }
 
-button {
+.dd-row button {
     margin: 0 1rem 0 1rem;
+}
+
+@for $i from 1 through 20 {
+    .w#{$i * 5}p {
+        width: #{$i * 5 + "%"};
+    }
 }

DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/models/user-management.api.models.ts

@@ -10,7 +10,9 @@ export interface User {
     deleted?: boolean;
     dateFormat?: string;
     addedWho?: string;
+    addedWhen?: Date;
     changedWho?: string;
+    changedWhen?: Date;
     active?: boolean;
 }