fix: Display change password validation message

src/app/shared/change-password-dialog/change-password-dialog.component.html

@@ -8,23 +8,19 @@
         formControlName="password"
         label="{{ 'Password' | translateKey: 'inputs' }}"
       ></mifosx-input-password>
-      <div class="error">
-        <p *ngIf="changePasswordForm.get('password').errors?.['uppercase']">
-          {{ changePasswordForm.get('password').errors?.['uppercase'] | translateKey: 'inputs' }}
+      <mat-error>
+        <p
+          *ngIf="
+            changePasswordForm.get('password').errors?.['uppercase'] ||
+            changePasswordForm.get('password').errors?.['number'] ||
+            changePasswordForm.get('password').errors?.['repeated'] ||
+            changePasswordForm.get('password').errors?.['specialChar'] ||
+            changePasswordForm.get('password').errors?.['minlength']
+          "
+        >
+          {{ 'labels.commons.Password validation' | translate: { minchar: minPasswordLength } }}
         </p>
-        <p *ngIf="changePasswordForm.get('password').errors?.['number']">
-          {{ changePasswordForm.get('password').errors?.['number'] | translateKey: 'inputs' }}
-        </p>
-        <p *ngIf="changePasswordForm.get('password').errors?.['repeated']">
-          {{ changePasswordForm.get('password').errors?.['repeated'] | translateKey: 'inputs' }}
-        </p>
-        <p *ngIf="changePasswordForm.get('password').errors?.['specialChar']">
-          {{ changePasswordForm.get('password').errors?.['specialChar'] | translateKey: 'inputs' }}
-        </p>
-        <p *ngIf="changePasswordForm.get('password').errors?.['minlength']">
-          {{ 'Password minimun length must be' | translateKey: 'inputs' }} {{ minPasswordLength }}
-        </p>
-      </div>
+      </mat-error>
 
       <mifosx-input-password
         #repeatPassword

src/app/shared/change-password-dialog/change-password-dialog.component.ts

@@ -42,18 +42,21 @@ export class ChangePasswordDialogComponent implements OnInit {
 
   /** Change Password form */
   createChangePasswordForm() {
-    this.changePasswordForm = this.formBuilder.group({
-      password: [
-        '',
-        this.passwordsUtility.getPasswordValidators()
-      ],
-      repeatPassword: [
-        '',
-        [
-          Validators.required,
-          this.confirmPassword('password')]
-      ]
-    });
+    this.changePasswordForm = this.formBuilder.group(
+      {
+        password: [
+          '',
+          this.passwordsUtility.getPasswordValidators()
+        ],
+        repeatPassword: [
+          '',
+          [
+            Validators.required,
+            this.confirmPassword('password')]
+        ]
+      },
+      { updateOn: 'blur' }
+    );
   }
 
   /**

src/app/users/view-user/view-user.component.ts

@@ -61,8 +61,7 @@ export class ViewUserComponent {
    */
   changeUserPassword() {
     const changeUserPasswordDialogRef = this.dialog.open(ChangePasswordDialogComponent, {
-      width: '400px',
-      height: '300px'
+      width: '440px'
     });
     changeUserPasswordDialogRef.afterClosed().subscribe((response: any) => {
       if (response.password && response.repeatPassword) {

src/assets/translations/cs-CS.json

@@ -786,7 +786,8 @@
       "required": "Požadované",
       "required and cannot be negative": "požadováno a nemůže být záporné",
       "should": "by měl",
-      "on": "na"
+      "on": "na",
+      "Password validation": "Heslo by mělo obsahovat minimálně {{minchar}} znaků, které by měly obsahovat 1 velké písmeno, malé písmeno a speciální znak a nemělo by se skládat z opakujících se znaků nebo mezer."
     },
     "heading": {
       "Account Linked Financial": "Seznam účtů spojených s různými finančními aktivitami. Chcete-li vědět více, klikněte:",

src/assets/translations/de-DE.json

@@ -786,7 +786,8 @@
       "required": "erforderlich",
       "required and cannot be negative": "erforderlich und darf nicht negativ sein",
       "should": "sollen",
-      "on": "An"
+      "on": "An",
+      "Password validation": "Das Passwort sollte mindestens {{michar}} Zeichen enthalten, aus 1 Großbuchstaben, Kleinbuchstaben und Sonderzeichen bestehen und darf nicht aus wiederholten Zeichen oder Leerzeichen bestehen"
     },
     "heading": {
       "Account Linked Financial": "Liste der Konten, die mit verschiedenen Finanzaktivitäten verknüpft sind. Um mehr zu erfahren, klicken Sie:",

src/assets/translations/en-US.json

@@ -790,7 +790,8 @@
       "required": "required",
       "required and cannot be negative": "required and cannot be negative",
       "should": "should",
-      "on": "on"
+      "on": "on",
+      "Password validation": "Password should contain minimum {{minchar}} characters, that should income 1 uppercase, lowercase and special character and should not consists of repeated characters or white-spaces"
     },
     "heading": {
       "Account Linked Financial": "List of accounts linked to different financial activities. To know more click:",

src/assets/translations/es-CL.json

@@ -785,7 +785,8 @@
       "required": "requerido",
       "required and cannot be negative": "requerido y no puede ser negativo",
       "should": "debería",
-      "on": "en"
+      "on": "en",
+      "Password validation": "La contraseña debe contener un mínimo de {{minchar}} caracteres, que deben incluir 1 carácter mayúscula, minúscula y especial y no debe constar de caracteres repetidos ni espacios en blanco."
     },
     "heading": {
       "Account Linked Financial": "Listado de cuentas vinculadas a diferentes actividades financieras. Para saber más haga clic en:",

src/assets/translations/es-MX.json

@@ -785,7 +785,8 @@
       "required": "requerido",
       "required and cannot be negative": "requerido y no puede ser negativo",
       "should": "debería",
-      "on": "en"
+      "on": "en",
+      "Password validation": "La contraseña debe contener un mínimo de {{minchar}} caracteres, que deben incluir 1 carácter mayúscula, minúscula y especial y no debe constar de caracteres repetidos ni espacios en blanco."
     },
     "heading": {
       "Account Linked Financial": "Listado de cuentas vinculadas a diferentes actividades financieras. Para saber más haga clic en:",

src/assets/translations/fr-FR.json

@@ -786,7 +786,8 @@
       "required": "requis",
       "required and cannot be negative": "obligatoire et ne peut pas être négatif",
       "should": "devrait",
-      "on": "sur"
+      "on": "sur",
+      "Password validation": "Le mot de passe doit contenir au minimum {{minchar}} caractères, dont 1 majuscule, 1 minuscule et un caractère spécial et ne doit pas être composé de caractères répétés ou d'espaces blancs."
     },
     "heading": {
       "Account Linked Financial": "Liste des comptes liés aux différentes activités financières. Pour en savoir plus cliquez :",

src/assets/translations/it-IT.json

@@ -786,7 +786,8 @@
       "required": "necessario",
       "required and cannot be negative": "obbligatorio e non può essere negativo",
       "should": "Dovrebbe",
-      "on": "SU"
+      "on": "SU",
+      "Password validation": "La password deve contenere almeno {{minchar}} caratteri, di cui 1 carattere maiuscolo, minuscolo e speciale e non deve essere composta da caratteri ripetuti o spazi bianchi"
     },
     "heading": {
       "Account Linked Financial": "Elenco dei conti collegati a diverse attività finanziarie. Per saperne di più clicca:",

src/assets/translations/ko-KO.json

@@ -786,7 +786,8 @@
       "required": "필수의",
       "required and cannot be negative": "필수이며 음수일 수 없습니다.",
       "should": "~해야 한다",
-      "on": "~에"
+      "on": "~에",
+      "Password validation": "비밀번호는 최소 자여야 하며 대문자, 소문자 및 특수 문자 1개가 포함되어야 하며 반복되는 문자나 공백으로 구성되어서는 안 됩니다."
     },
     "heading": {
       "Account Linked Financial": "다양한 금융 활동과 연결된 계정 목록입니다. 자세한 내용을 보려면 다음을 클릭하세요.",

src/assets/translations/lt-LT.json

@@ -786,7 +786,8 @@
       "required": "reikalaujama",
       "required and cannot be negative": "privaloma ir negali būti neigiama",
       "should": "turėtų",
-      "on": "įjungta"
+      "on": "įjungta",
+      "Password validation": "Slaptažodį turi sudaryti ne mažiau kaip {{minchar}} simbolių, iš kurių turi būti 1 didžioji, mažoji raidė ir specialus simbolis, o jį neturėtų sudaryti pasikartojantys simboliai ar tarpai"
     },
     "heading": {
       "Account Linked Financial": "Sąskaitų, susietų su įvairia finansine veikla, sąrašas. Norėdami sužinoti daugiau, spustelėkite:",

src/assets/translations/lv-LV.json

@@ -786,7 +786,8 @@
       "required": "nepieciešams",
       "required and cannot be negative": "obligāti un nevar būt negatīvs",
       "should": "vajadzētu",
-      "on": "ieslēgts"
+      "on": "ieslēgts",
+      "Password validation": "Parolē jābūt vismaz {{minchar}} rakstzīmēm, tai jābūt 1 lielajam, mazajam un speciālajām rakstzīmēm, un tā nedrīkst sastāvēt no atkārtotām rakstzīmēm vai atstarpēm."
     },
     "heading": {
       "Account Linked Financial": "Ar dažādām finanšu darbībām saistīto kontu saraksts. Lai uzzinātu vairāk, noklikšķiniet:",

src/assets/translations/ne-NE.json

@@ -786,7 +786,8 @@
       "required": "आवश्यक छ",
       "required and cannot be negative": "आवश्यक छ र नकारात्मक हुन सक्दैन",
       "should": "गर्नुपर्छ",
-      "on": "मा"
+      "on": "मा",
+      "Password validation": "पासवर्डमा कम्तिमा १२ क्यारेक्टरहरू हुनुपर्छ, जसमा १ अपरकेस, लोअरकेस र स्पेशल क्यारेक्टरहरू हुनुपर्छ र दोहोरिएका क्यारेक्टरहरू वा सेतो-स्पेसहरू समावेश हुनु हुँदैन।"
     },
     "heading": {
       "Account Linked Financial": "विभिन्न वित्तीय गतिविधिहरु संग जोडिएको खाताहरु को सूची। थप जान्नको लागि क्लिक गर्नुहोस्:",

src/assets/translations/pt-PT.json

@@ -786,7 +786,8 @@
       "required": "obrigatório",
       "required and cannot be negative": "obrigatório e não pode ser negativo",
       "should": "deve",
-      "on": "sobre"
+      "on": "sobre",
+      "Password validation": "A senha deve conter no mínimo {{minchar}} caracteres, que deve conter 1 letra maiúscula, minúscula e caractere especial e não deve consistir em caracteres repetidos ou espaços em branco"
     },
     "heading": {
       "Account Linked Financial": "Lista de contas vinculadas a diferentes atividades financeiras. Para saber mais clique:",

src/assets/translations/sw-SW.json

@@ -786,7 +786,8 @@
       "required": "inahitajika",
       "required and cannot be negative": "inahitajika na haiwezi kuwa hasi",
       "should": "lazima",
-      "on": "juu"
+      "on": "juu",
+      "Password validation": "Nenosiri lazima liwe na herufi {{minchar}}, ambazo zinafaa kuingiza herufi 1 kubwa, ndogo na maalum na haipaswi kuwa na herufi zinazorudiwa au nafasi nyeupe."
     },
     "heading": {
       "Account Linked Financial": "Orodha ya akaunti zilizounganishwa na shughuli tofauti za kifedha. Kujua zaidi bofya:",