i18n: Adding new languages: Part 1 (#1882)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/tasks/checker-inbox-and-tasks-tabs/client-approval/client-approval.component.html

@@ -3,13 +3,13 @@
   <div fxLayout="row" fxLayoutAlign="start center">
     <div class="search-box" fxFlex="40%">
       <mat-form-field fxFlex="90%">
-        <input matInput placeholder="Filter by name" (keyup)="applyFilter($event.target.value)">
+        <input matInput placeholder="{{'labels.text.Filter by name' | tranalate}}" (keyup)="applyFilter($event.target.value)">
       </mat-form-field>
     </div>
     <div fxFlex="60%">
       <button mat-raised-button color="success" *mifosxHasPermission="'ACTIVATE_CLIENT'"
         (click)="approveClients()">
-        <fa-icon icon="check" class="m-r-10"></fa-icon>Approve
+        <fa-icon icon="check" class="m-r-10"></fa-icon>{{'labels.buttons.Approve' | translate}}
       </button>
     </div>
   </div>
@@ -36,17 +36,17 @@
         </ng-container>
 
         <ng-container matColumnDef="name">
-          <th mat-header-cell *matHeaderCellDef> Name </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.name' | translate}} </th>
           <td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.displayName }} </td>
         </ng-container>
 
         <ng-container matColumnDef="accountNumber">
-          <th mat-header-cell *matHeaderCellDef> AccountNumber </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Account Number' | translate}} </th>
           <td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.accountNo }} </td>
         </ng-container>
 
         <ng-container matColumnDef="staff">
-          <th mat-header-cell *matHeaderCellDef> Staff </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Staff' | translate}} </th>
           <td mat-cell *matCellDef="let element" class="view-details" [routerLink]="['../../clients', element.id]"> {{ element.staffName }} </td>
         </ng-container>
 
@@ -65,7 +65,7 @@
 
   <div class="message">
     <i class="fa fa-exclamation-circle alert-check"></i>
-    No pending loans for approval.
+    {{'labels.text.No pending loans for approval' | translate}}
   </div>
 
 </div>