CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Change password dialog password validation issue

Browse Source
This commit is contained in:
Jose Alberto Hernandez
2025-03-25 16:00:12 -05:00
parent 7e881a9afb
commit f708f962b0
2 changed files with 38 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/change-password-dialog/change-password-dialog.component.html
+24 -2
View File
@@ -5,7 +5,18 @@
<div fxLayout="column">
<mat-form-field>
<mat-label>{{ 'labels.inputs.Password' | translate }}</mat-label>
<input matInput formControlName="password" type="password" />
<input matInput formControlName="password" type="{{ passwordInputType[0] }}" />
<button
type="button"
mat-button
matSuffix
mat-icon-button
(mousedown)="togglePasswordVisibility(0)"
(mouseup)="togglePasswordVisibility(0)"
>
<fa-icon *ngIf="passwordInputType[0] === 'password'" icon="eye"></fa-icon>
<fa-icon *ngIf="passwordInputType[0] === 'text'" icon="eye-slash"></fa-icon>
</button>
<mat-error *ngIf="changePasswordForm.controls.password.hasError('required')">
{{ 'labels.inputs.Password' | translate }} <strong>{{ 'labels.commons.is required' | translate }}</strong>
</mat-error>
@@ -36,7 +47,18 @@
<mat-form-field>
<mat-label>{{ 'labels.inputs.Repeat Password' | translate }}</mat-label>
<input matInput formControlName="repeatPassword" type="password" />
<input matInput formControlName="repeatPassword" type="{{ passwordInputType[1] }}" />
<button
type="button"
mat-button
matSuffix
mat-icon-button
(mousedown)="togglePasswordVisibility(1)"
(mouseup)="togglePasswordVisibility(1)"
>
<fa-icon *ngIf="passwordInputType[1] === 'password'" icon="eye"></fa-icon>
<fa-icon *ngIf="passwordInputType[1] === 'text'" icon="eye-slash"></fa-icon>
</button>
<mat-error *ngIf="changePasswordForm.controls.repeatPassword.hasError('required')">
{{ 'labels.inputs.Password' | translate }} <strong>{{ 'labels.commons.required' | translate }}</strong>
</mat-error>