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] 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'; + } }