fix: added new user dialog password validator

sipcapture · May 6, 2024 · 8e56a9b · 8e56a9b
1 parent ac06349
commit 8e56a9b
Show file tree

Hide file tree

Showing 2 changed files with 301 additions and 222 deletions.
diff --git a/src/app/components/preference/dialogs/dialog-users/dialog-users.component.html b/src/app/components/preference/dialogs/dialog-users/dialog-users.component.html
@@ -77,6 +77,7 @@
             [placeholder]="'preference.users.dialog.password' | translate"
             [type]="hidePass1 ? 'password' : 'text'"
             [formControl]="password"
+            (change)="validate()" (blur)="validate()" (keyup)="validate()"
             required />
           <mat-error *ngIf="data.isNew && password?.errors?.['required']">The password {{'validators.required' | translate }}</mat-error>
           <mat-error *ngIf="password?.errors?.['minlength']">
@@ -85,7 +86,9 @@
           <mat-error *ngIf="password?.errors?.['maxlength']">
             {{ password?.errors?.['maxlength']?.requiredLength }} {{'validators.maxChars' | translate }}
           </mat-error>
-
+          <mat-error *ngIf="password?.errors?.['missingCharacters'] && !password?.errors?.['maxlength'] && !password?.errors?.['minlength'] && !password?.errors?.['required']">
+            {{'validators.pattern' | translate }} [aA-Zz], [0-9] and "~!@#$%^&*()_"]
+          </mat-error>
           <mat-icon matSuffix
             style="cursor: pointer"
             (click)="hidePass1 = !hidePass1"
@@ -113,6 +116,9 @@
           <mat-error *ngIf="password2?.errors?.['maxlength']">
             {{ password2?.errors?.['maxlength']?.requiredLength }} {{'validators.maxChars' | translate }}
           </mat-error>
+          <mat-error *ngIf="password2?.errors?.['missingCharacters'] && !password2?.errors?.['maxlength'] && !password2?.errors?.['minlength'] && !password?.errors?.['required']">
+            {{'validators.pattern' | translate }} [aA-Zz], [0-9] and "~!@#$%^&*()_"]
+          </mat-error>
         </mat-form-field>
 </div>
       <strong>{{ 'preference.users.dialog.personalInfo' | translate }}</strong>
@@ -237,7 +243,7 @@
     class="setting-btn-ok"
     (click)="onSubmit()"
     cdkFocusInitial
-    [disabled]="isCopy && isNotChanged">
+    [disabled]="(isCopy && isNotChanged) || isDisabled">
     {{'LINK.buttons.save' | translate}}
   </button>
 </div>