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

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

src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.html

@@ -7,17 +7,17 @@
     <div class="action-button m-b-7" fxLayoutGap="10px">
       <span *mifosxHasPermission="'CREATE_' + datatableName">
         <button mat-raised-button color="primary" (click)="add()">
-          <fa-icon icon="plus" class="m-r-10"></fa-icon>Add
+          <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
         </button>
       </span>
       <span *mifosxHasPermission="'DELETE_' + datatableName" [fxShow]="isSelected">
         <button class="delete-button" mat-raised-button color="warn" (click)="deleteSelected()">
-          <fa-icon icon="trash" class="m-r-10"></fa-icon>Delete Selected
+          <fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete Selected' | translate }}
         </button>
       </span>
       <span *mifosxHasPermission="'DELETE_' + datatableName" [fxShow]="datatableData.length > 0">
         <button class="delete-button" mat-raised-button color="warn" (click)="delete()">
-          <fa-icon icon="trash" class="m-r-10"></fa-icon>Delete All
+          <fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete All' | translate }}
         </button>
       </span>
     </div>

src/app/shared/tabs/entity-datatable-tab/datatable-single-row/datatable-single-row.component.html

@@ -2,13 +2,13 @@
   <h3>{{datatableName}}</h3>
   <div fxLayout="row" fxLayoutAlign="flex-end" class="m-b-20">
     <button mat-raised-button color="primary" (click)="add()" *ngIf="!dataObject.data[0]">
-      <fa-icon icon="plus" class="m-r-10"></fa-icon>Add
+      <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
     </button>
     <button mat-raised-button color="primary" (click)="edit()" *ngIf="dataObject.data[0]">
-      <fa-icon icon="edit" class="m-r-10"></fa-icon>Edit
+      <fa-icon icon="edit" class="m-r-10"></fa-icon>{{ 'labels.buttons.Edit' | translate }}
     </button>
     <button class="delete-button" mat-raised-button color="warn" (click)="delete()" *ngIf="dataObject.data[0]">
-      <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>
   </div>
 
@@ -37,7 +37,7 @@
         </span>
         <span *ngSwitchDefault>
           <span class="m-r-5" *ngIf="isValidUrl(dataObject.data[0].row[i])">
-            <button mat-icon-button matTooltip="View Link" (click)="openSite(dataObject.data[0].row[i])"
+            <button mat-icon-button matTooltip="{{ 'tooltips.View Link' | translate }}" (click)="openSite(dataObject.data[0].row[i])"
               matTooltipPosition="right" class="small-icon">
               <fa-icon icon="eye" size="lg"></fa-icon>
             </button>

src/app/shared/tabs/entity-documents-tab/entity-documents-tab.component.html

@@ -1,11 +1,11 @@
 <div class="tab-container mat-typography">
   <div fxLayout="row" fxLayoutAlign="start center">
 
-    <h3 fxFlex="90%">Documents</h3>
+    <h3 fxFlex="90%">{{ 'labels.heading.Documents' | translate }}</h3>
 
     <div fxFlex="10%" *mifosxHasPermission="'CREATE_DOCUMENT'">
       <button mat-raised-button class="f-right" color="primary" (click)="uploadDocument()">
-        <fa-icon icon="plus" class="m-r-10"></fa-icon>Add
+        <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
       </button>
     </div>
   </div>
@@ -13,22 +13,22 @@
   <table mat-table #documentsTable [dataSource]="dataSource" matSort>
 
     <ng-container matColumnDef="name">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Name </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.name' | translate }} </th>
       <td mat-cell *matCellDef="let document"> {{ document.name }} </td>
     </ng-container>
 
     <ng-container matColumnDef="description">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Description' | translate }} </th>
       <td mat-cell *matCellDef="let document"> {{ document.description }} </td>
     </ng-container>
 
     <ng-container matColumnDef="filename">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> File Name </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.File Name' | translate }} </th>
       <td mat-cell *matCellDef="let document"> {{ document.fileName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="actions">
-      <th mat-header-cell *matHeaderCellDef mat-sort-header> Actions </th>
+      <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Actions' | translate }} </th>
       <td mat-cell *matCellDef="let document; let index">
         <button class="document-action-button" mat-raised-button color="primary"
           (click)="downloadDocument(document.id)">

src/app/shared/tabs/entity-notes-tab/entity-notes-tab.component.html

@@ -1,6 +1,6 @@
 <div class="tab-container mat-typography">
 
-  <h3>Notes</h3>
+  <h3>{{ 'labels.heading.Notes' | translate }}</h3>
 
   <div>
     <form #formRef="ngForm" [formGroup]="noteForm" fxLayout="row" fxLayoutAlign="start baseline" fxLayoutGap="20px"
@@ -9,7 +9,7 @@
         <textarea required formControlName="note" matInput placeholder="Write a note ...." cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
       </mat-form-field>
       <button mat-raised-button fxFlex color="primary" [disabled]="!noteForm.valid">
-        <fa-icon icon="plus" class="m-r-10"></fa-icon>Add
+        <fa-icon icon="plus" class="m-r-10"></fa-icon>{{ 'labels.buttons.Add' | translate }}
       </button>
     </form>
   </div>