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

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

src/app/system/audit-trails/audit-trails.component.html

@@ -1,19 +1,19 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
   <button mat-raised-button color="primary" (click)="downloadCSV()">
     <fa-icon icon="file" class="m-r-10"></fa-icon>
-    Download CSV
+    {{'labels.buttons.Download CSV' | translate}}
   </button>
 </div>
 
 <div class="container" fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
   <mat-form-field fxFlex="48%">
-    <mat-label>Resource ID</mat-label>
+    <mat-label>{{'labels.inputs.Resource ID' | translate}}</mat-label>
     <input matInput [formControl]="resourceId">
   </mat-form-field>
 
   <mat-form-field fxFlex="48%">
-    <mat-label>Status</mat-label>
+    <mat-label>{{'labels.inputs.Status' | translate}}</mat-label>
     <mat-select [formControl]="processingResult" (selectionChange)="applyFilter($event.value, 'processingResult')">
       <mat-option *ngFor="let processingResult of auditTrailSearchTemplateData.processingResults" [value]="processingResult.id">
         {{ processingResult.processingResult }}
@@ -22,41 +22,41 @@
   </mat-form-field>
 
   <mat-form-field fxFlex="48%">
-    <mat-label>User</mat-label>
+    <mat-label>{{'labels.inputs.User' | translate}}</mat-label>
     <input matInput [formControl]="user" [matAutocomplete]="userNameAutocomplete">
   </mat-form-field>
 
   <mat-form-field fxFlex="48%">
-    <mat-label>Action</mat-label>
+    <mat-label>{{'labels.inputs.Action' | translate}}</mat-label>
     <input matInput [formControl]="actionName" [matAutocomplete]="actionNameAutocomplete">
   </mat-form-field>
 
   <mat-form-field fxFlex="48%">
-    <mat-label>Entity</mat-label>
+    <mat-label>{{'labels.inputs.Entity' | translate}}</mat-label>
     <input matInput [formControl]="entityName" [matAutocomplete]="entityNameAutocomplete">
   </mat-form-field>
 
   <mat-form-field fxFlex="48%">
-    <mat-label>Checker</mat-label>
+    <mat-label>{{'labels.inputs.Checker' | translate}}</mat-label>
     <input matInput [formControl]="checker" [matAutocomplete]="checkerAutocomplete">
   </mat-form-field>
 
   <mat-form-field fxFlex="48%" (click)="fromDatePicker.open()">
-    <mat-label>Maker From Date</mat-label>
+    <mat-label>{{'labels.inputs.Maker From Date' | translate}}</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" [formControl]="fromDate">
     <mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #fromDatePicker></mat-datepicker>
   </mat-form-field>
 
   <mat-form-field fxFlex="48%" (click)="toDatePicker.open()">
-    <mat-label>Maker To Date</mat-label>
+    <mat-label>{{'labels.inputs.Maker To Date' | translate}}</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" [formControl]="toDate">
     <mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #toDatePicker></mat-datepicker>
   </mat-form-field>
 
   <mat-form-field fxFlex="48%" (click)="checkedFromDatePicker.open()">
-    <mat-label>Checker From Date</mat-label>
+    <mat-label>{{'labels.inputs.Checker From Date' | translate}}</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="checkedFromDatePicker"
       [formControl]="checkedFromDate">
     <mat-datepicker-toggle matSuffix [for]="checkedFromDatePicker"></mat-datepicker-toggle>
@@ -64,7 +64,7 @@
   </mat-form-field>
 
   <mat-form-field fxFlex="48%" (click)="checkedToDatePicker.open()">
-    <mat-label>Checked To Date</mat-label>
+    <mat-label>{{'labels.inputs.Checked To Date' | translate}}</mat-label>
     <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="checkedToDatePicker" [formControl]="checkedToDate">
     <mat-datepicker-toggle matSuffix [for]="checkedToDatePicker"></mat-datepicker-toggle>
     <mat-datepicker #checkedToDatePicker></mat-datepicker>
@@ -102,52 +102,52 @@
   <table mat-table [dataSource]="dataSource" matSort>
 
     <ng-container matColumnDef="id">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Trail ID </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Trail ID' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.id }} </td>
     </ng-container>
 
     <ng-container matColumnDef="resourceId">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Resource ID </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Resource ID' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.resourceId }} </td>
     </ng-container>
 
     <ng-container matColumnDef="processingResult">
-      <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 auditTrail"> {{ auditTrail.processingResult }} </td>
     </ng-container>
 
     <ng-container matColumnDef="maker">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header > Made By </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header > {{'labels.inputs.Made By' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.maker }} </td>
     </ng-container>
 
     <ng-container matColumnDef="actionName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Action' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.actionName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="entityName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Entity </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Entity' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.entityName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="officeName">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Office </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Office' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.officeName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="madeOnDate">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Made Date </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Made Date' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.madeOnDate  | dateFormat  }} </td>
     </ng-container>
 
     <ng-container matColumnDef="checker">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header > Checker </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header > {{'labels.inputs.Checker' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.checker  }} </td>
     </ng-container>
 
     <ng-container matColumnDef="checkedOnDate">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Checked Date </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Checked Date' | translate}} </th>
       <td mat-cell *matCellDef="let auditTrail"> {{ auditTrail.checkedOnDate  | dateFormat  }} </td>
     </ng-container>
 

src/app/system/audit-trails/view-audit/view-audit.component.html

@@ -9,7 +9,7 @@
         <div fxLayout="row wrap" class="content">
 
           <div fxFlex="50%" class="mat-body-strong">
-            ID
+            {{'labels.inputs.ID' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -17,7 +17,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Status
+            {{'labels.inputs.Status' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -25,7 +25,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            User
+            {{'labels.inputs.User' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -33,7 +33,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Action
+            {{'labels.inputs.Action' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -41,7 +41,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Entity
+            {{'labels.inputs.Entity' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -49,7 +49,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Resource ID
+            {{'labels.inputs.Resource ID' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -57,7 +57,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Date
+            {{'labels.inputs.Date' | translate}}
           </div>
 
           <div fxFlex="50%">
@@ -65,7 +65,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.officeName">
-            Office
+            {{'labels.inputs.Office' | translate}}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.officeName">
@@ -73,7 +73,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.savingsAccountNo">
-            Savings Account No
+            {{'labels.inputs.Savings Account No' | translate}}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.savingsAccountNo">
@@ -81,7 +81,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="auditTrailData.groupLevelName">
-            Group Level
+            {{'labels.inputs.Group Level' | translate}}
           </div>
 
           <div fxFlex="50%" *ngIf="auditTrailData.groupLevelName">
@@ -101,12 +101,12 @@
     <table mat-table [dataSource]="dataSource" matSort>
 
       <ng-container matColumnDef="command">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header> Command </th>
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{'labels.inputs.Command' | translate}} </th>
         <td mat-cell *matCellDef="let auditTrailCommand"> {{ auditTrailCommand.command }} </td>
       </ng-container>
 
       <ng-container matColumnDef="commandValue">
-        <th mat-header-cell *matHeaderCellDef> Command Value </th>
+        <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Command Value' | translate}} </th>
         <td mat-cell *matCellDef="let auditTrailCommand" class="column-value-wrapper"> {{ auditTrailCommand.commandValue }} </td>
       </ng-container>