feat: Update-Service auf Edibility Slide-Toggle umgestellt

- 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.
This commit is contained in:
Developer 02 2024-08-12 17:20:25 +02:00
parent a024cf5409
commit 6947db1c4e
2 changed files with 7 additions and 1 deletions

View File

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

View File

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