added-labels-validation-msg-to-lang-config-file

src/ska_angular_webapp_skeleton/app/login/login.component.html

 <main data-component="login">
     <mat-card>
         <mat-card-header>
-            <mat-card-title>Login</mat-card-title>
+            <mat-card-title translate>translate.login-compo.cardTitle</mat-card-title>
           </mat-card-header>
           <mat-card-content>
             <form [formGroup]="loginForm" (ngSubmit)="onSubmit()" novalidate>
                 <mat-form-field appearance="outline">
-                    <mat-label>Enter User Name</mat-label>
+                    <mat-label translate>translate.login-compo.userNameLabel</mat-label>
                     <input matInput placeholder="Enter Value" formControlName="userName" id="userName" required />
-                    <mat-error *ngIf="hasError('userName', 'required')">userName is required</mat-error>
+                    <mat-error translate *ngIf="hasError('userName', 'required')">translate.login-comp.userNameRequired</mat-error>
                   </mat-form-field>
                   <mat-form-field appearance="outline">
-                    <mat-label>Enter your password</mat-label>
+                    <mat-label translate>translate.login-compo.passwordLabel</mat-label>
                     <input matInput [type]="'password'" formControlName="password" id="password" required minlength="4" />
-                    <mat-error *ngIf="hasError('password', 'required')">password is required</mat-error>
-                    <mat-error *ngIf="hasError('password', 'minlength')">password is not valid</mat-error>
+                    <mat-error translate *ngIf="hasError('password', 'required')">translate.login-comp.passwordRequired</mat-error>
+                    <mat-error *ngIf="hasError('password', 'minlength')">translate.login-comp.passwordMinLength</mat-error>
                   </mat-form-field>
           
                   <button mat-raised-button color="primary" [disabled]="!loginForm.valid">Login</button>

src/ska_angular_webapp_skeleton/assets/i18n/en.json

@@ -4,6 +4,14 @@
             "dummyText": "Welcome to skeleton",
             "subDummyText": "This is a test",
             "noTranslation": "There is no translation for this message"
+        },
+        "login-compo": {
+            "userNameLabel": "Enter User Name",
+            "passwordLabel": "Enter Password",
+            "userNameRequired": "A username is required",
+            "passwordRequired": "Password is required",
+            "cardTitle": "Login",
+            "passwordMinLength": "Please choose a password with at least 4 characters"
         }
     }
 }
\ No newline at end of file