Translate Login and Home

src/app/shared/footer/footer.component.html

@@ -1,7 +1,7 @@
 <div fxLayout="column" id="footer" class="m-b-20">
   <mat-divider fxFlexAlign="center" class="divider"></mat-divider>
-  <p fxFlexAlign="center" class="footer-content">Version <b>{{ version }}</b> - <b>{{ hash }}</b></p>
+  <p fxFlexAlign="center" class="footer-content">{{ 'labels.texts.Version' | translate }} <b>{{ version }}</b> - <b>{{ hash }}</b></p>
   <p fxFlexAlign="center" class="footer-content" *ngIf="isBusinessDateDefined">Current Business Date: <b>{{ businessDate | date: 'EEEE, MMMM dd, y' }}</b></p>
   <mat-divider fxFlexAlign="center" class="divider"></mat-divider>
-  <p fxFlexAlign="center" class="footer-content">Mifos X by Mifos</p>
+  <p fxFlexAlign="center" class="footer-content">{{ 'APP_NAME' | translate }} {{ 'labels.texts.by' | translate }} Mifos</p>
 </div>

src/app/shared/language-selector/language-selector.component.html

@@ -1,8 +1,8 @@
 <mat-form-field id="language-selector">
-  <mat-label>{{ 'Language' | translate }}</mat-label>
+  <mat-label>{{ 'labels.inputs.Language' | translate }}</mat-label>
   <mat-select [formControl]="languageSelector" (selectionChange)="setLanguage()" class="languageselector">
     <mat-option *ngFor="let language of languages" [value]="language">
-      {{ language }}
+      {{ 'languages.' + language | translate }}
     </mat-option>
   </mat-select>
 </mat-form-field>

src/app/shared/server-selector/server-selector.component.html

@@ -1,19 +1,19 @@
 <mat-form-field id="server-selector" *ngIf="existMoreThanOneServer">
-    <mat-label>{{ 'Server' | translate }}</mat-label>
+    <mat-label>{{ 'labels.inputs.Server' | translate }}</mat-label>
     <mat-select [formControl]="serverSelector" (selectionChange)="setServer()">
         <div class="sticky">
             <form [formGroup]="form" (ngSubmit)="addNewServer()">
                 <div class="actions">
                     <mat-form-field class="ml" fxFlexAlign="start">
                         <span matPrefix><mat-icon>language</mat-icon></span>
-                        <mat-label>{{ 'Add new server' | translate }}</mat-label>
+                        <mat-label>{{ 'labels.placeholders.Add new server' | translate }}</mat-label>
                         <input matInput type="text" autocomplete="off" formControlName="url">
                         <mat-error *ngIf="form.controls.url.hasError('required')">
-                            Url <strong>{{'is required' | translate }}</strong>
+                          {{ 'labels.inputs.Url' | translate }} <strong>{{'labels.commons.is required' | translate }}</strong>
                         </mat-error>
                     </mat-form-field>
 
-                    <button type="submit" [disabled]="form.invalid" class="ml" mat-raised-button color="primary">{{'Add' | translate }}</button>
+                    <button type="submit" [disabled]="form.invalid" class="ml" mat-raised-button color="primary">{{ 'labels.buttons.Add' | translate }}</button>
                 </div>
             </form>
         </div>