feat:Unificaction of radhathakare's PR (#1879)

* feat:Clients Translate Module

* feat: Collections Translate Module

* feat:Loan Translate Module

* feat:Search Translate Module

* feat English Json File

---------

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

src/app/loans/loans-view/transactions/edit-transaction/edit-transaction.component.html

@@ -7,31 +7,31 @@
       <mat-card-content fxLayout="column">
 
         <mat-form-field (click)="dueDatePicker.open()">
-          <mat-label>Transaction Date</mat-label>
+          <mat-label>{{"labels.inputs.Transaction Date"  |translate}}</mat-label>
           <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="dueDatePicker"
             formControlName="transactionDate" required>
           <mat-datepicker-toggle matSuffix [for]="dueDatePicker"></mat-datepicker-toggle>
           <mat-datepicker #dueDatePicker></mat-datepicker>
           <mat-error *ngIf="editTransactionForm.controls.transactionDate.hasError('required')">
-            Transaction Date is <strong>required</strong>
+            {{"labels.inputs.Transaction Date"  |translate}} {{ "labels.commons.is"  |translate}} <strong> {{ "labels.commons.required"  |translate}} </strong>
           </mat-error>
         </mat-form-field>
 
         <mat-form-field>
-          <mat-label>Transaction Amount</mat-label>
+          <mat-label>{{"labels.inputs.Transaction Amount"  |translate}}</mat-label>
           <input type="number" formControlName="transactionAmount" required matInput />
           <mat-error *ngIf="editTransactionForm.controls.transactionAmount.hasError('required')">
-            Transaction Amount is <strong>required</strong>
+            {{"labels.inputs.Transaction Amount"  |translate}} {{ "labels.commons.is"  |translate}} <strong> {{ "labels.commons.required"  |translate}} </strong>
           </mat-error>
         </mat-form-field>
 
         <mat-form-field>
-          <mat-label>External Id</mat-label>
+          <mat-label>{{"labels.inputs.External Id"  |translate}}</mat-label>
           <input matInput formControlName="externalId">
         </mat-form-field>
 
         <mat-form-field>
-          <mat-label>Payment Type</mat-label>
+          <mat-label>{{"labels.inputs.Payment Type"  |translate}}</mat-label>
           <mat-select formControlName="paymentTypeId">
             <mat-option *ngFor="let paymentType of paymentTypeOptions" [value]="paymentType.id">
               {{ paymentType.name }}
@@ -43,40 +43,40 @@
           <span fxFlex="75%" class="expandcollapsebutton m-l-10 m-t-40" (click)="addPaymentDetails()">
             <mat-slide-toggle>
               <div [className]="showPaymentDetails ? 'enabled' : 'disabled'">
-                <span class="m-l-10">Show Payment Details</span>
+                <span class="m-l-10">{{"labels.inputs.Show Payment Details"  |translate}}</span>
               </div>
             </mat-slide-toggle>
           </span>
         </div>
 
         <mat-form-field *ngIf="editTransactionForm.controls['accountNumber']">
-          <mat-label>Account Number</mat-label>
+          <mat-label>{{"labels.inputs.Account Number"  |translate}}</mat-label>
           <input type="number" formControlName="accountNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['checkNumber']">
-          <mat-label>Cheque</mat-label>
+          <mat-label>{{"labels.inputs.Cheque"  |translate}}</mat-label>
           <input type="number" formControlName="checkNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['routingCode']">
-          <mat-label>Routing Code</mat-label>
+          <mat-label>{{"labels.inputs.Routing Code"  |translate}}</mat-label>
           <input formControlName="routingCode" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['receiptNumber']">
-          <mat-label>Receipt Number</mat-label>
+          <mat-label>{{"labels.inputs.Receipt Number"  |translate}}</mat-label>
           <input formControlName="receiptNumber" matInput />
         </mat-form-field>
 
         <mat-form-field *ngIf="editTransactionForm.controls['bankNumber']">
-          <mat-label>Bank</mat-label>
+          <mat-label>{{"labels.inputs.Bank"  |translate}}</mat-label>
           <input formControlName="bankNumber" matInput />
         </mat-form-field>
 
         <mat-card-actions fxLayoutGap="5px" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center">
-          <button type="button" mat-raised-button [routerLink]="['../']">Cancel</button>
-          <button mat-raised-button color="primary" [disabled]="!editTransactionForm.valid">Submit</button>
+          <button type="button" mat-raised-button [routerLink]="['../']">{{"labels.buttons.Cancel"  |translate}}</button>
+          <button mat-raised-button color="primary" [disabled]="!editTransactionForm.valid">{{"labels.buttons.Submit"  |translate}}</button>
         </mat-card-actions>
 
       </mat-card-content>

src/app/loans/loans-view/transactions/export-transactions/export-transactions.component.html

@@ -3,31 +3,31 @@
   <div fxLayout="row" fxLayoutGap="3%" fxLayoutAlign="center">
 
     <mat-form-field fxFlex="30%" (click)="fromDatePicker.open()">
-      <mat-label>From Date</mat-label>
+      <mat-label>{{"labels.inputs.From Date"  |translate}}</mat-label>
       <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="fromDatePicker" required formControlName="fromDate">
       <mat-datepicker-toggle matSuffix [for]="fromDatePicker"></mat-datepicker-toggle>
       <mat-datepicker #fromDatePicker></mat-datepicker>
       <mat-error>
-        From date is <strong>required</strong>
+        {{"labels.inputs.From date"  |translate}}  {{ "labels.commons.is"  |translate}}  <strong> {{ "labels.commons.required"  |translate}} </strong>
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex="30%" (click)="toDatePicker.open()">
-      <mat-label>To Date</mat-label>
+      <mat-label>{{"labels.inputs.To Date"  |translate}}</mat-label>
       <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="toDatePicker" required formControlName="toDate">
       <mat-datepicker-toggle matSuffix [for]="toDatePicker"></mat-datepicker-toggle>
       <mat-datepicker #toDatePicker></mat-datepicker>
       <mat-error>
-        To date is <strong>required</strong>
+        {{"labels.inputs.To date"  |translate}}  {{ "labels.commons.is"  |translate}}  <strong> {{ "labels.commons.required"  |translate}} </strong>
       </mat-error>
     </mat-form-field>
 
   </div>
 
   <div class="generate-button" fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5%">
-    <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" [disabled]="!transactionsReportForm.valid">
-    <fa-icon icon="cogs" class="m-r-10"></fa-icon>Generate Report &nbsp;</button>
+    <fa-icon icon="cogs" class="m-r-10"></fa-icon>{{"labels.buttons.Generate Report"  |translate}} &nbsp;</button>
   </div>
 
 </form>

src/app/loans/loans-view/transactions/view-reciept/view-reciept.component.html

@@ -2,7 +2,7 @@
 
   <div class="back-button">
     <button type="button" color="primary" mat-raised-button [routerLink]="['../../../general']">
-      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>Back</button>
+      <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>{{"labels.buttons.Back"  |translate}}</button>
   </div>
 
   <iframe [src]="pentahoUrl" frameborder="0" width=100% height="600px;"></iframe>

src/app/loans/loans-view/transactions/view-transaction/view-transaction.component.html

@@ -92,14 +92,14 @@
 
           <table mat-table [dataSource]="transactionRelations">
               <ng-container matColumnDef="relationType">
-                <th mat-header-cell *matHeaderCellDef> Relation Type </th>
+                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Relation Type"  |translate}} </th>
                 <td mat-cell *matCellDef="let transactionRel" [matTooltip]="transactionRel.paymentType">
                   {{ transactionRel.relationType | translate }}
                 </td>
               </ng-container>
 
               <ng-container matColumnDef="toTransaction">
-                <th mat-header-cell *matHeaderCellDef> Transaction </th>
+                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Transaction"  |translate}} </th>
                 <td mat-cell *matCellDef="let transactionRel">
                   <a [href]="loanTransactionRelatedLink(transactionRel.toLoanTransaction)">
                     {{ transactionRel.toLoanTransaction }}
@@ -108,7 +108,7 @@
               </ng-container>
 
               <ng-container matColumnDef="amount">
-                <th mat-header-cell *matHeaderCellDef> Amount </th>
+                <th mat-header-cell *matHeaderCellDef> {{"labels.inputs.Amount"  |translate}} </th>
                 <td mat-cell *matCellDef="let transactionRel">
                   {{ transactionRel.amount | currency }} {{ transactionData.currency.code }}
                 </td>