From 3749b5ee973e0f89d4ac2a992b740333bfcc893a Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Thu, 31 Oct 2024 10:49:02 +0100
Subject: [PATCH] =?UTF-8?q?feat(user-update):=20readonly=20Eingabe=20f?=
 =?UTF-8?q?=C3=BCr=20addedWho,=20addedWhen,=20changedWho=20und=20changedWh?=
 =?UTF-8?q?en=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../user-update-form.component.html           | 21 +++++++++++++++++++
 .../user-update-form.component.scss           |  5 +++++
 .../user-update-form.component.ts             |  3 ++-
 3 files changed, 28 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 5ca967d..9d02838 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
@@ -68,6 +68,27 @@
             <textarea matInput [formControl]="comment"></textarea>
         </mat-form-field>
     </div>
+    <mat-divider></mat-divider>
+    <!-- addedWho, addedWhen, changedWho and changedWhen -->
+    <div class="dd-row input-row">
+        <mat-form-field>
+            <mat-label>Hinzugefügt wer</mat-label>
+            <input matInput readonly [value]="user.addedWho" />
+        </mat-form-field>
+        <mat-form-field>
+            <mat-label>Hinzugefügt wann</mat-label>
+            <input matInput readonly [value]="user.addedWhen | date:'dd.MM.yyyy'" />
+        </mat-form-field>
+        <mat-form-field>
+            <mat-label>Geändert wer</mat-label>
+            <input matInput readonly [value]="user.changedWho" />
+        </mat-form-field>
+        <mat-form-field>
+            <mat-label>Geändert wann</mat-label>
+            <input matInput readonly [value]="user.changedWhen | date:'dd.MM.yyyy'" />
+        </mat-form-field>
+    </div>
+    <mat-divider></mat-divider>
     <!-- save-button, delete-button -->
     <div class="dd-row button-row">
         <button mat-fab extended (click)="update()">
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.scss b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.scss
index 6ba2510..cbd1e92 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.scss
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/forms/user-update-form/user-update-form.component.scss
@@ -31,6 +31,11 @@ mat-form-field {
     margin: 0 1rem 0 1rem;
 }
 
+.dd-container mat-divider {
+    margin: 0 0 1rem 0;
+    padding: 0;
+}
+
 @for $i from 1 through 20 {
     .w#{$i * 5}p {
         width: #{$i * 5 + "%"};
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 075db71..42c1250 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
@@ -16,11 +16,12 @@ import { RefreshService } from '../../../services/button/refresh.service';
 import Swal from 'sweetalert2';
 import { MatSelectModule } from '@angular/material/select';
 import { env } from '../../../../environments/environment'
+import {MatDividerModule} from '@angular/material/divider';
 
 @Component({
   selector: 'app-user-update-form',
   standalone: true,
-  imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, UserGroupDirImportComponent, MatSelectModule],
+  imports: [MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule, MatIconModule, MatButtonModule, CommonModule, MatTabsModule, UserGroupDirImportComponent, MatSelectModule, MatDividerModule],
   templateUrl: './user-update-form.component.html',
   styleUrl: './user-update-form.component.scss'
 })