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

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

src/app/shared/accounting/view-journal-entry-transaction/view-journal-entry-transaction.component.html

@@ -1,9 +1,9 @@
 <div fxLayout="row" fxLayoutAlign="end" class="container m-b-20" *ngIf="dataSource?.data[0].manualEntry">
   <button mat-raised-button color="primary" (click)="revertTransaction()" *mifosxHasPermission="'REVERSE_JOURNALENTRY'" [disabled]="dataSource?.data[0].reversed">
     <span *ngIf="!dataSource.data[0].reversed">
-      <fa-icon icon="undo" class="m-r-10"></fa-icon>Revert Transaction
+      <fa-icon icon="undo" class="m-r-10"></fa-icon>{{ 'labels.buttons.Revert Transaction' | translate }}
     </span>
-    <span *ngIf="dataSource.data[0].reversed">Transaction Reverted</span>
+    <span *ngIf="dataSource.data[0].reversed">{{ 'labels.buttons.Transaction Reverted' | translate }}</span>
   </button>
 </div>
 
@@ -16,7 +16,7 @@
         <div fxLayout="row wrap" class="content">
 
           <div fxFlex="25%" fxFlex.lt-md="50%" class="header">
-            Office
+            {{ 'labels.inputs.Office' | translate }}
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%">
@@ -24,7 +24,7 @@
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%" class="header">
-            Transaction Date
+            {{ 'labels.inputs.Transaction Date' | translate }}
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%">
@@ -32,7 +32,7 @@
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%" class="header">
-            Created By
+            {{ 'labels.inputs.Created By' | translate }}
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%">
@@ -40,7 +40,7 @@
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%" class="header">
-            Submitted on
+            {{ 'labels.inputs.Submitted on' | translate }}
           </div>
 
           <div fxFlex="25%" fxFlex.lt-md="50%">
@@ -60,32 +60,32 @@
   <table mat-table [dataSource]="dataSource" matSort>
 
     <ng-container matColumnDef="id">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Entry ID </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Entry ID' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"> {{ transaction.id }} </td>
     </ng-container>
 
     <ng-container matColumnDef="glAccountType">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Type </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Type' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"> {{ transaction.glAccountType.value }} </td>
     </ng-container>
 
     <ng-container matColumnDef="glAccountCode">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Account Code </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Account Code' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"> {{ transaction.glAccountCode }} </td>
     </ng-container>
 
     <ng-container matColumnDef="glAccountName">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Account Name </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Account Name' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"> {{ transaction.glAccountName }} </td>
     </ng-container>
 
     <ng-container matColumnDef="debit">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Debit </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Debit' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"><span *ngIf="transaction.entryType.value === 'DEBIT'"> {{ (transaction.currency.displaySymbol || transaction.currency.code) }} {{ transaction.amount | formatNumber }} </span></td>
     </ng-container>
 
     <ng-container matColumnDef="credit">
-      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> Credit </th>
+      <th mat-header-cell class="center" *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Credit' | translate }} </th>
       <td mat-cell *matCellDef="let transaction"><span *ngIf="transaction.entryType.value === 'CREDIT'"> {{ (transaction.currency.displaySymbol || transaction.currency.code) }} {{ transaction.amount | formatNumber }} </span></td>
     </ng-container>
 
@@ -95,7 +95,7 @@
   </table>
 
   <div fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px" class="m-t-15 m-b-15">
-    <button type="button" color="primary" mat-raised-button (click)="goBack()">Back</button>
+    <button type="button" color="primary" mat-raised-button (click)="goBack()">{{ 'labels.buttons.Back' | translate }}</button>
   </div>
 
 </div>

src/app/shared/accounting/view-journal-entry/view-journal-entry.component.html

@@ -1,48 +1,48 @@
-<h1 mat-dialog-title>View Journal Entry</h1>
+<h1 mat-dialog-title>{{ 'labels.heading.View Journal Entry' | translate }}</h1>
 
 <div mat-dialog-content>
 
   <table>
 
     <tr>
-      <th>Office</th>
+      <th>{{ 'labels.inputs.Office' | translate }}</th>
       <td>{{ data.journalEntry.officeName }}</td>
     </tr>
 
     <tr>
-      <th>Entry ID</th>
+      <th>{{ 'labels.inputs.Entry ID' | translate }}</th>
       <td>{{ data.journalEntry.id }}</td>
     </tr>
 
     <tr>
-      <th>Transaction ID</th>
+      <th>{{ 'labels.inputs.Transaction ID' | translate }}</th>
       <td>{{ data.journalEntry.transactionId }}</td>
     </tr>
 
     <tr>
-      <th>Transaction Date</th>
+      <th>{{ 'labels.inputs.Transaction Date' | translate }}</th>
       <td>{{ data.journalEntry.transactionDate | dateFormat }}</td>
     </tr>
 
     <tr>
-      <th>Type</th>
+      <th>{{ 'labels.inputs.Type' | translate }}</th>
       <td>{{ data.journalEntry.glAccountType.value }}</td>
     </tr>
 
     <tr>
-      <th>Account Code</th>
+      <th>{{ 'labels.inputs.Account Code' | translate }}</th>
       <td>{{ data.journalEntry.glAccountId }}</td>
     </tr>
 
     <tr>
-      <th>Account Name</th>
+      <th>{{ 'labels.inputs.Account Name' | translate }}</th>
       <td>{{ data.journalEntry.glAccountName }}</td>
     </tr>
 
     <tr>
       <th>
-        <span *ngIf="data.journalEntry.entryType.value === 'CREDIT'">Credit</span>
-        <span *ngIf="data.journalEntry.entryType.value === 'DEBIT'">Debit</span>
+        <span *ngIf="data.journalEntry.entryType.value === 'CREDIT'">{{ 'labels.inputs.Credit' | translate }}</span>
+        <span *ngIf="data.journalEntry.entryType.value === 'DEBIT'">{{ 'labels.inputs.Debit' | translate }}</span>
       </th>
       <td>
         {{ data.journalEntry.currency.displaySymbol }} {{ data.journalEntry.amount | formatNumber }}
@@ -50,61 +50,61 @@
     </tr>
 
     <tr>
-      <th>Currency</th>
+      <th>{{ 'labels.inputs.Currency' | translate }}</th>
       <td>({{ data.journalEntry.currency.code }}) {{ data.journalEntry.currency.name }}</td>
     </tr>
 
     <tr *ngIf="data.journalEntry.referenceNumber">
-      <th>Reference Number</th>
+      <th>{{ 'labels.inputs.Reference Number' | translate }}</th>
       <td>{{ data.journalEntry.referenceNumber }}</td>
     </tr>
 
     <tr *ngIf="data.journalEntry.comments">
-      <th>Comments</th>
+      <th>{{ 'labels.inputs.Comments' | translate }}</th>
       <td>{{ data.journalEntry.comments }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails">
-      <th colspan="2" class="header">Payment Details</th>
+      <th colspan="2" class="header">{{ 'labels.inputs.Payment Details' | translate }}</th>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.paymentType">
-      <th>Payment Type</th>
+      <th>{{ 'labels.inputs.Payment Type' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.paymentType.name }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.accountNumber">
-      <th>Account Number</th>
+      <th>{{ 'labels.inputs.Account Number' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.accountNumber }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.checkNumber">
-      <th>Cheque Number</th>
+      <th>{{ 'labels.inputs.Cheque Number' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.checkNumber }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.routingCode">
-      <th>Routing Code</th>
+      <th>{{ 'labels.inputs.Routing Code' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.routingCode }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.receiptNumber">
-      <th>Receipt Number</th>
+      <th>{{ 'labels.inputs.Receipt Number' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.receiptNumber }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails && data.journalEntry.transactionDetails.paymentDetails?.bankNumber">
-      <th>Bank Number</th>
+      <th>{{ 'labels.inputs.Bank Number' | translate }}</th>
       <td>{{ data.journalEntry.transactionDetails.paymentDetails.bankNumber }}</td>
     </tr>
 
     <tr *ngIf="existsPaymentDetails">
-      <th>Created by</th>
+      <th>{{ 'labels.inputs.Created by' | translate }}</th>
       <td>{{ data.journalEntry.createdByUserName }}</td>
     </tr>
 
     <tr>
-      <th>Submitted on</th>
+      <th>{{ 'labels.inputs.Submitted on' | translate }}</th>
       <td>{{ data.journalEntry.submittedOnDate | datetimeFormat }}</td>
     </tr>
 
@@ -113,5 +113,5 @@
 </div>
 
 <mat-dialog-actions align="end">
-  <button mat-button mat-dialog-close>Close</button>
+  <button mat-button mat-dialog-close>{{ 'labels.buttons.Close' | translate }}</button>
 </mat-dialog-actions>