From 6947db1c4ee83f854551655a2f03de67078e872b Mon Sep 17 00:00:00 2001
From: Developer 02 <developer02@didaloghe.onmicrosoft.com>
Date: Mon, 12 Aug 2024 17:20:25 +0200
Subject: [PATCH] feat: Update-Service auf Edibility Slide-Toggle umgestellt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Update-Service-Funktionalität auf einen Slide-Toggle-Button übertragen.
- Mat-Icon-Bedingungen hinzugefügt, um `lock` und `lock-open` Icons anzuzeigen.
- Benutzerfreundlichkeit verbessert durch intuitive visuelle Indikatoren für die Bearbeitbarkeit.
---
 .../src/app/components/nav-menu/nav-menu.component.html       | 4 +++-
 .../user_manager_ui/src/app/services/button/update.service.ts | 4 ++++
 2 files changed, 7 insertions(+), 1 deletion(-)

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 ba7c35b..cd24c7f 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,7 +30,9 @@
       <!-- Right menu -->
       <div class="navbar-collapse justify-content-end me-5">
         <a class="navbar-brand" [routerLink]="['/']">User Manager Portal</a>
-        <mat-slide-toggle *ngIf="isLogedIn()" [(ngModel)]="updateService.isEditable" [ngStyle]="{ 'visibility': creationService.isVisible ? 'visible' : 'hidden' }"></mat-slide-toggle>
+        <button *ngIf="isLogedIn()" class="btn" (click)="this.updateService.toggleEditability()" [ngStyle]="{ 'visibility': updateService.isVisible ? 'visible' : 'hidden' }">
+          <mat-icon class="scale-pulse">{{ updateService.isEditable ? 'lock_open' : 'lock' }}</mat-icon>
+        </button>
         <button *ngIf="isLogedIn()" class="btn" (click)="updateService.executeAll()" [ngStyle]="{ 'visibility': updateService.isVisible ? 'visible' : 'hidden' }" matTooltip="strg + s" matTooltipPosition="below" [matTooltipClass]="tooltipClass" [matTooltipDisabled]="!updateService.isVisible">
           <mat-icon class="scale-pulse" [matBadge]="updateActCount === 0 ? '' : updateActCount">save</mat-icon>
         </button>
diff --git a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/button/update.service.ts b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/button/update.service.ts
index c629669..7d65da7 100644
--- a/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/button/update.service.ts
+++ b/DigitalData.UserManager.API/ClientApp/user_manager_ui/src/app/services/button/update.service.ts
@@ -84,6 +84,10 @@ export class UpdateService extends BaseButtonService {
       localStorage.setItem('editable', value ? "T" : "F")
     this._isEditable = value;
   }
+
+  toggleEditability() {
+    this.isEditable = !this.isEditable;
+  }
 }
 
 export enum UpdateEvent {