From 8d45b60aca0e661fc4dee1d19406fa6c20c55a8f Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Tue, 6 Aug 2024 13:29:54 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20UpdateService=20hinzuf=C3=BCgen=20und?=
 =?UTF-8?q?=20in=20Navbar=20integrieren?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- UpdateService erstellt, um asynchrone und synchrone Aktionen zu verwalten und auszuführen.
- Einen Speichern-Button in der Navbar hinzugefügt, der die Ausführung aller Aktionen im UpdateService auslöst.
- UpdateService in die Anwendung integriert, um die Aktualisierungslogik zu zentralisieren.
---
 .../nav-menu/nav-menu.component.html          |  3 ++
 .../components/nav-menu/nav-menu.component.ts |  3 +-
 .../src/app/services/update.service.spec.ts   | 16 ++++++++++
 .../src/app/services/update.service.ts        | 30 +++++++++++++++++++
 4 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.spec.ts
 create mode 100644 DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.ts

diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.html b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.html
index d887bd2..0e0a0bd 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.html
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.html
@@ -30,6 +30,9 @@
       <!-- Right menu -->
       <div class="navbar-collapse justify-content-end me-5">
         <a class="navbar-brand" [routerLink]="['/']">User Manager Portal</a>
+        <button *ngIf="isLogedIn()" class="btn">
+          <mat-icon class="scale-pulse" (click)="updateService.executeAll()">save</mat-icon>
+        </button>
         <button *ngIf="isLogedIn()" class="btn">
           <mat-icon class="scale-pulse" (click)="creationService.openDialog()">add_to_photos</mat-icon>
         </button>
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts
index 2ef86df..40ef122 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/components/nav-menu/nav-menu.component.ts
@@ -8,6 +8,7 @@ import { ColorModeBttnComponent } from '../common/color-mode-bttn/color-mode-btt
 import { MatIconModule } from '@angular/material/icon';
 import { RefreshService } from '../../services/refresh.service';
 import { CreationService } from '../../services/creation.service';
+import { UpdateService } from '../../services/update.service';
 
 @Component({
   standalone: true,
@@ -22,7 +23,7 @@ export class NavMenuComponent {
   }
   isExpanded = false;
 
-  constructor(private dialog: MatDialog, private authService: AuthenticationService, public refreshService: RefreshService, public creationService : CreationService) {
+  constructor(private dialog: MatDialog, private authService: AuthenticationService, public refreshService: RefreshService, public creationService : CreationService, public updateService: UpdateService) {
     this.authService.isAuthenticated().then().catch()
   }
 
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.spec.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.spec.ts
new file mode 100644
index 0000000..b51fcc8
--- /dev/null
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.spec.ts
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { UpdateService } from './update.service';
+
+describe('UpdateService', () => {
+  let service: UpdateService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(UpdateService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.ts
new file mode 100644
index 0000000..d69fc59
--- /dev/null
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/update.service.ts
@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class UpdateService {
+
+  constructor() { }
+
+  private async_actions: Array<() => Promise<void>> = [];
+  private actions: Array<() => void> = [];
+
+  addAsync(action: () => Promise<void>): void {
+    this.async_actions.push(action);
+  }
+
+  add(action: () => void): void {
+    this.actions.push(action);
+  }
+
+  removeAll(): void {
+    this.async_actions = [];
+  }
+
+  async executeAll(): Promise<void> {
+    await Promise.all(this.async_actions.map(action => action()));
+    this.actions.forEach(action => action());
+    this.removeAll();
+  }
+}
\ No newline at end of file