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/checker-inbox/checker-inbox.component.html

@@ -3,18 +3,18 @@
   <div fxLayout="row" fxLayoutAlign="start center">
     <div class="search-box" fxFlex="40%">
       <mat-form-field fxFlex="90%">
-        <input matInput placeholder="Search by user" (keyup)="applyFilter($event.target.value)">
+        <input matInput placeholder="{{'labels.text.Search by user' | translate}}" (keyup)="applyFilter($event.target.value)">
       </mat-form-field>
     </div>
     <div fxFlex="60%" fxLayoutGap="0.5rem">
       <button mat-raised-button color="success" (click)="approveChecker()">
-        <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>
       <button mat-raised-button color="warn" (click)="deleteChecker()">
-        <fa-icon icon="trash" class="m-r-10"></fa-icon>Delete
+        <fa-icon icon="trash" class="m-r-10"></fa-icon>{{'labels.buttons.Delete' | translate}}
       </button>
       <button mat-raised-button color="reject" (click)="rejectChecker()">
-        <fa-icon icon="times" class="m-r-10"></fa-icon>Reject
+        <fa-icon icon="times" class="m-r-10"></fa-icon>{{'labels.buttons.Reject' | translate}}
       </button>
     </div>
   </div>
@@ -24,7 +24,7 @@
     <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
       <mat-form-field fxFlex="31%" (click)="makerDateTimeFromPicker.open()">
-        <mat-label>From Date</mat-label>
+        <mat-label>{{'labels.inputs.From Date' | translate}}</mat-label>
         <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="makerDateTimeFromPicker"
           formControlName="makerDateTimeFrom">
         <mat-datepicker-toggle matSuffix [for]="makerDateTimeFromPicker"></mat-datepicker-toggle>
@@ -32,7 +32,7 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="31%" (click)="makerDateTimetoPicker.open()">
-        <mat-label>To Date</mat-label>
+        <mat-label>{{'labels.inputs.To Date' | translate}}</mat-label>
         <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="makerDateTimetoPicker"
           formControlName="makerDateTimeto">
         <mat-datepicker-toggle matSuffix [for]="makerDateTimetoPicker"></mat-datepicker-toggle>
@@ -40,7 +40,7 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="31%">
-        <mat-label>Action</mat-label>
+        <mat-label>{{'labels.inputs.Action' | translate}}</mat-label>
         <mat-select formControlName="actionName">
           <mat-option *ngFor="let action of makerCheckerTemplate.actionNames" [value]="action">
             {{ action }}
@@ -49,7 +49,7 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="31%">
-        <mat-label>Entity</mat-label>
+        <mat-label>{{'labels.inputs.Entity' | translate}}</mat-label>
         <mat-select formControlName="entityName">
           <mat-option *ngFor="let entity of makerCheckerTemplate.entityNames" [value]="entity">
             {{ entity }}
@@ -58,11 +58,11 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="31%">
-        <mat-label>Resource ID</mat-label>
+        <mat-label>{{'labels.inputs.Resource ID' | translate}}</mat-label>
         <input matInput formControlName="resourceId">
       </mat-form-field>
 
-      <button mat-raised-button color="primary" id="search-button" (click)="search()">Search</button>
+      <button mat-raised-button color="primary" id="search-button" (click)="search()">{{'labels.buttons.Search' | translate}}</button>
 
     </div>
 
@@ -84,32 +84,32 @@
     </ng-container>
 
     <ng-container matColumnDef="id">
-      <th mat-header-cell *matHeaderCellDef> ID </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.ID' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.id }} </td>
     </ng-container>
 
     <ng-container matColumnDef="madeOnDate">
-      <th mat-header-cell *matHeaderCellDef> Made on Date </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Made on Date' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.madeOnDate  | dateFormat }} </td>
     </ng-container>
 
     <ng-container matColumnDef="status">
-      <th mat-header-cell *matHeaderCellDef> Status </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Status' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.processingResult }} </td>
     </ng-container>
 
     <ng-container matColumnDef="user">
-      <th mat-header-cell *matHeaderCellDef> User </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.User' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.maker }} </td>
     </ng-container>
 
     <ng-container matColumnDef="action">
-      <th mat-header-cell *matHeaderCellDef> Action </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Action' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.actionName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="entity">
-      <th mat-header-cell *matHeaderCellDef> Entity </th>
+      <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Entity' | translate}} </th>
       <td mat-cell *matCellDef="let makerChecker"> {{ makerChecker.entityName }} </td>
     </ng-container>
 
@@ -122,7 +122,7 @@
 
     <div class="message">
       <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
-      No checker inbox data available for this search.
+      {{'labels.text.No checker inbox data available for this search' | translate}}
     </div>
 
   </div>
@@ -133,7 +133,7 @@
 
   <div class="message">
     <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
-    No checker inbox data available for this account.
+    {{'labels.text.No checker inbox data available for this account' | translate}}
   </div>
 
 </div>