From edfea868707c4a664e0e684f64fcd932fe0cee47 Mon Sep 17 00:00:00 2001 From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com> Date: Wed, 10 Dec 2025 14:13:51 +0500 Subject: [PATCH 1/2] change password change password design --- .gitignore | 1 + .../change-password.component.html | 127 +++++++++++++++++- .../change-password.component.ts | 27 +++- 3 files changed, 152 insertions(+), 3 deletions(-) diff --git a/.gitignore b/.gitignore index cc7b141..be3800b 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,5 @@ # See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files. +package-lock.json # Compiled output /dist diff --git a/src/app/user-management/change-password/change-password.component.html b/src/app/user-management/change-password/change-password.component.html index 876ce22..af307c5 100644 --- a/src/app/user-management/change-password/change-password.component.html +++ b/src/app/user-management/change-password/change-password.component.html @@ -1 +1,126 @@ -

change-password works!

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ {{'changePassword' | translate}} +
+
+
+
+
+
+ +
+
+ + +
+ +
+
+
+
+
+ +
+
+ + +
+ +
+
+
+ +
+
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ + + +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
\ No newline at end of file diff --git a/src/app/user-management/change-password/change-password.component.ts b/src/app/user-management/change-password/change-password.component.ts index eaec04a..212caa1 100644 --- a/src/app/user-management/change-password/change-password.component.ts +++ b/src/app/user-management/change-password/change-password.component.ts @@ -1,11 +1,34 @@ -import { Component } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { Component, ViewChild } from '@angular/core'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { TranslateModule } from '@ngx-translate/core'; +import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component'; + @Component({ selector: 'app-change-password', - imports: [], + imports: [TranslateModule, FormsModule, ReactiveFormsModule, CommonModule, PasswordHideShowComponent], templateUrl: './change-password.component.html', styleUrl: './change-password.component.scss' }) export class ChangePasswordComponent { +passwordType: string = 'password'; +passwordType1: string = 'password'; +passwordType2: string = 'password'; + +@ViewChild('psh') passwordHideShow?: PasswordHideShowComponent; +@ViewChild('psh1') passwordHideShow1 ?: PasswordHideShowComponent; +@ViewChild('psh2') passwordHideShow2 ?: PasswordHideShowComponent; + + + togglePasswordType() { + this.passwordType = this.passwordHideShow?.showPassword ? 'password' : 'text'; + } + togglePasswordType1() { + this.passwordType1 = this.passwordHideShow1?.showPassword ? 'password' : 'text'; + } + togglePasswordType2() { + this.passwordType2 = this.passwordHideShow2?.showPassword ? 'password' : 'text'; + } } From 36904b68fd55cec0c310e68e36a51ba6a9869ea8 Mon Sep 17 00:00:00 2001 From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com> Date: Wed, 10 Dec 2025 15:11:17 +0500 Subject: [PATCH 2/2] update change password update change password --- .../change-password.component.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/src/app/user-management/change-password/change-password.component.html b/src/app/user-management/change-password/change-password.component.html index af307c5..d4c2b34 100644 --- a/src/app/user-management/change-password/change-password.component.html +++ b/src/app/user-management/change-password/change-password.component.html @@ -30,14 +30,14 @@ {{ 'OldPassword' | translate }}* -
+
- +