Change password view enhancement to support and display password validations

2025-04-06 12:24:55 -05:00
parent f4f480ac64
commit 0dd32c853a
24 changed files with 352 additions and 102 deletions
@@ -0,0 +1,16 @@
+<mat-form-field>
+  <mat-label>{{ label }}</mat-label>
+  <input
+    matInput
+    [disabled]="disabled"
+    [errorStateMatcher]="matcher"
+    (focusout)="onFocusOut()"
+    (input)="onInput($event)"
+    [required]="required"
+    [type]="type"
+    [value]="value"
+  />
+  <mat-icon matSuffix (click)="onVisibilityClick($event)">{{ icon }}</mat-icon>
+  <mat-error *ngIf="ngControl.hasError('required')">{{ label }} is a required field.</mat-error>
+  <mat-error *ngIf="ngControl.hasError(customErrorName)">{{ customErrorMessage }}</mat-error>
+</mat-form-field>