i18n: Adding new languages: Part 2 (#1885)

Co-authored-by: radhathakare <radhathakare322@gmail.com>

src/app/organization/standing-instructions-history/standing-instructions-history.component.html

@@ -9,17 +9,17 @@
         <div fxLayout="column">
 
           <mat-form-field>
-            <mat-label>Client Name</mat-label>
+            <mat-label>{{ 'labels.inputs.Client Name' | translate }}</mat-label>
             <input matInput formControlName="clientName">
           </mat-form-field>
 
           <mat-form-field>
-            <mat-label>Client Id</mat-label>
+            <mat-label>{{ 'labels.inputs.Client Id' | translate }}</mat-label>
             <input matInput formControlName="clientId">
           </mat-form-field>
 
           <mat-form-field>
-            <mat-label>Transfer Type</mat-label>
+            <mat-label>{{ 'labels.inputs.Transfer Type' | translate }}</mat-label>
             <mat-select formControlName="transferType">
               <mat-option *ngFor="let transferType of standingInstructionsTemplate.transferTypeOptions" [value]="transferType.id">
                 {{ transferType.value }}
@@ -28,7 +28,7 @@
           </mat-form-field>
 
           <mat-form-field>
-            <mat-label>Account Type</mat-label>
+            <mat-label>{{ 'labels.inputs.Account Type' | translate }}</mat-label>
             <mat-select formControlName="fromAccountType">
               <mat-option *ngFor="let accountType of standingInstructionsTemplate.fromAccountTypeOptions" [value]="accountType.id">
                 {{ accountType.value }}
@@ -37,19 +37,19 @@
           </mat-form-field>
 
           <mat-form-field *ngIf="instructionForm.contains('fromAccountId')">
-            <mat-label>From Account ID</mat-label>
+            <mat-label>{{ 'labels.inputs.From Account ID' | translate }}</mat-label>
             <input matInput formControlName="fromAccountId">
           </mat-form-field>
 
           <mat-form-field (click)="fromDatePicker.open()">
-            <mat-label>From Date</mat-label>
+            <mat-label>{{ 'labels.inputs.From Date' | translate }}</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" formControlName="fromDate" [matDatepicker]="fromDatePicker">
             <mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
             <mat-datepicker #fromDatePicker></mat-datepicker>
           </mat-form-field>
 
           <mat-form-field (click)="toDatePicker.open()">
-            <mat-label>To Date</mat-label>
+            <mat-label>{{ 'labels.inputs.To Date' | translate }}</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" formControlName="toDate" [matDatepicker]="toDatePicker">
             <mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
             <mat-datepicker #toDatePicker></mat-datepicker>
@@ -60,10 +60,10 @@
       </mat-card-content>
 
       <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
-        <button type="button" mat-raised-button [routerLink]="['../']">Cancel</button>
+        <button type="button" mat-raised-button [routerLink]="['../']">{{ 'labels.buttons.Cancel' | translate }}</button>
         <button mat-raised-button color="primary" *mifosxHasPermission="'READ_STANDINGINSTRUCTION'">
           <fa-icon icon="search"></fa-icon>
-          &nbsp; Search Instructions
+          &nbsp; {{ 'labels.buttons.Search Instructions' | translate }}
         </button>
       </mat-card-actions>
 
@@ -79,49 +79,49 @@
 
     <div class="m-b-20">
       <button mat-raised-button color="primary" (click)="isCollapsed = false">
-        Parameters
+        {{ 'labels.buttons.Parameters' | translate }}
       </button>
     </div>
 
     <table class="mat-elevation-z1" mat-table [dataSource]="dataSource" matSort>
 
       <ng-container matColumnDef="fromClient">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> From Client </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.From Client' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.fromClient.displayName }}({{ instruction.fromClient.id }}) </td>
       </ng-container>
 
       <ng-container matColumnDef="fromAccount">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> From Account </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.From Account' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.fromAccount.productName }}({{ instruction.fromAccount.id }}) </td>
       </ng-container>
 
       <ng-container matColumnDef="toClient">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> To Client </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.To Client' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.toClient.displayName }}({{ instruction.toClient.id }}) </td>
       </ng-container>
 
       <ng-container matColumnDef="toAccount">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> To Account </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.To Account' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.toAccount.productName }}({{ instruction.toAccount.id }}) </td>
       </ng-container>
 
       <ng-container matColumnDef="executionTime">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Execution Time </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Execution Time' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.executionTime }} </td>
       </ng-container>
 
       <ng-container matColumnDef="amount">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Amount </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Amount' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.amount | formatNumber }} </td>
       </ng-container>
 
       <ng-container matColumnDef="status">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Status </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Status' | translate }} </th>
         <td mat-cell *matCellDef="let instruction"> {{ instruction.status }} </td>
       </ng-container>
 
       <ng-container matColumnDef="errorLog">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Error Log </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Error Log' | translate }} </th>
         <td mat-cell *matCellDef="let instruction">
           <button *ngIf="instruction.status === 'failed'" class="error-log" mat-raised-button color="warn" [matTooltip]="instruction.errorLog">
             <i class="fa fa-exclamation"></i>