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