From 5b4ae73401bc13eafdf0b219ab8680a2cbd9091b Mon Sep 17 00:00:00 2001
From: Amelia <77553571+Fesaa@users.noreply.github.com>
Date: Sun, 18 May 2025 10:14:56 +0200
Subject: [PATCH] Disable change password form if the user can't change their
 password Fixes #3818

---
 .../change-password/change-password.component.html          | 6 +++++-
 .../change-password/change-password.component.ts            | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/UI/Web/src/app/user-settings/change-password/change-password.component.html b/UI/Web/src/app/user-settings/change-password/change-password.component.html
index 4ee02bce7..328131cf9 100644
--- a/UI/Web/src/app/user-settings/change-password/change-password.component.html
+++ b/UI/Web/src/app/user-settings/change-password/change-password.component.html
@@ -1,5 +1,9 @@
 <ng-container *transloco="let t; read:'change-password'">
-  <app-setting-item [title]="t('password-label')" [canEdit]="canEdit" [isEditMode]="isEditMode" (editMode)="updateEditMode($event)">
+  <app-setting-item [title]="t('password-label')"
+                    [subtitle]="(hasChangePasswordAbility | async) ? '' : t('permission-error')"
+                    [canEdit]="(hasChangePasswordAbility | async) || false"
+                    [isEditMode]="isEditMode" (editMode)="updateEditMode($event)"
+  >
     <ng-template #view>
       <span class="col-12">***************</span>
     </ng-template>
diff --git a/UI/Web/src/app/user-settings/change-password/change-password.component.ts b/UI/Web/src/app/user-settings/change-password/change-password.component.ts
index cf8a85e3b..645cc49ba 100644
--- a/UI/Web/src/app/user-settings/change-password/change-password.component.ts
+++ b/UI/Web/src/app/user-settings/change-password/change-password.component.ts
@@ -15,13 +15,14 @@ import {AccountService} from 'src/app/_services/account.service';
 import {takeUntilDestroyed} from "@angular/core/rxjs-interop";
 import {translate, TranslocoDirective} from "@jsverse/transloco";
 import {SettingItemComponent} from "../../settings/_components/setting-item/setting-item.component";
+import {AsyncPipe} from "@angular/common";
 
 @Component({
     selector: 'app-change-password',
     templateUrl: './change-password.component.html',
     styleUrls: ['./change-password.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [ReactiveFormsModule, TranslocoDirective, SettingItemComponent]
+  imports: [ReactiveFormsModule, TranslocoDirective, SettingItemComponent, AsyncPipe]
 })
 export class ChangePasswordComponent implements OnInit, OnDestroy {