From b6fe4e0398d7f3aee7b164c95db7cf574988e90b Mon Sep 17 00:00:00 2001 From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com> Date: Thu, 11 Dec 2025 09:44:06 +0500 Subject: [PATCH 1/2] reset user password design reset user password design --- .../reset-password.component.html | 129 +++++++++++++++++- .../reset-password.component.ts | 22 ++- 2 files changed, 148 insertions(+), 3 deletions(-) diff --git a/src/app/user-management/reset-password/reset-password.component.html b/src/app/user-management/reset-password/reset-password.component.html index 66175bb..3897e4c 100644 --- a/src/app/user-management/reset-password/reset-password.component.html +++ b/src/app/user-management/reset-password/reset-password.component.html @@ -1 +1,128 @@ -

reset-password works!

+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ {{'ResetPassword' | translate}} +
+
+
+
+
+
+ +
+
+ + +
+ +
+
+
+
+
+ +
+ + + + + +
+
+
+ +
+
+
+
+ +
+ + + +
+
+
+
+ +
+
+
+
+ + + +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+ +
+
+
\ No newline at end of file diff --git a/src/app/user-management/reset-password/reset-password.component.ts b/src/app/user-management/reset-password/reset-password.component.ts index 10aab01..d29b709 100644 --- a/src/app/user-management/reset-password/reset-password.component.ts +++ b/src/app/user-management/reset-password/reset-password.component.ts @@ -1,11 +1,29 @@ -import { Component } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; +import { TranslateModule } from '@ngx-translate/core'; +import { PasswordHideShowComponent } from '../../shared/components/password-hide-show/password-hide-show.component'; @Component({ selector: 'app-reset-password', - imports: [], + imports: [TranslateModule, PasswordHideShowComponent], templateUrl: './reset-password.component.html', styleUrl: './reset-password.component.scss' }) export class ResetPasswordComponent { +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'; + } } -- 2.32.0 From 9ee1c0f4e29fe1f2dfe35c03a4c5dceb8dbdf086 Mon Sep 17 00:00:00 2001 From: Mazdak Gibran <141390141+mazdakgibran@users.noreply.github.com> Date: Thu, 11 Dec 2025 10:23:08 +0500 Subject: [PATCH 2/2] update reset-passwords update reset-passwords.ts --- .../reset-password/reset-password.component.ts | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/src/app/user-management/reset-password/reset-password.component.ts b/src/app/user-management/reset-password/reset-password.component.ts index d29b709..a0272d2 100644 --- a/src/app/user-management/reset-password/reset-password.component.ts +++ b/src/app/user-management/reset-password/reset-password.component.ts @@ -9,17 +9,14 @@ import { PasswordHideShowComponent } from '../../shared/components/password-hide styleUrl: './reset-password.component.scss' }) export class ResetPasswordComponent { -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'; } -- 2.32.0