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/clients/clients-view/custom-dialogs/capture-image-dialog/capture-image-dialog.component.html

@@ -1,6 +1,6 @@
 <div fxLayout="column" fxLayoutGap="2%">
 
-  <h1 mat-dialog-title align="center">Capture Client Image</h1>
+  <h1 mat-dialog-title align="center">{{ "labels.heading.Capture Client Image" |translate}}</h1>
 
   <video #video width="540" height="480" autoplay></video>
 
@@ -12,16 +12,16 @@
 
   <div fxFlex="20%" align="center">
     <button #captureButton *ngIf="!isCaptured" mat-stroked-button color="primary" (click)="capture()">
-      Capture
+      {{ "labels.buttons.Capture" |translate}}
     </button>
     <button *ngIf="isCaptured" mat-stroked-button color="primary" (click)="recapture()">
-      <fa-icon icon="undo" size="sm" class="m-r-10"></fa-icon>Recapture
+      <fa-icon icon="undo" size="sm" class="m-r-10"></fa-icon>{{ "labels.buttons.Recapture" |translate}}
     </button>
   </div>
 
   <mat-dialog-actions align="end">
-    <button mat-raised-button mat-dialog-close>Cancel</button>
-    <button [disabled]="!isCaptured" mat-raised-button color="primary" [mat-dialog-close]="clientImageDataURL">Upload</button>
+    <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
+    <button [disabled]="!isCaptured" mat-raised-button color="primary" [mat-dialog-close]="clientImageDataURL">{{ "labels.buttons.Upload" |translate}}</button>
   </mat-dialog-actions>
 
 </div>

src/app/clients/clients-view/custom-dialogs/delete-signature-dialog/delete-signature-dialog.component.html

@@ -1,15 +1,15 @@
-<h1 mat-dialog-title>Delete Client Signature</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Delete Client Signature" |translate}}</h1>
 
 <div *ngIf="signatureId" mat-dialog-content>
-  <p>Are you sure you want to delete this clients signature ?</p>
+  <p>{{"labels.text.Delete clients signature" |translate}} ?</p>
 </div>
 
 <div *ngIf="!signatureId" mat-dialog-content>
-  <p>Client Signature is not provided.</p>
+  <p>{{"labels.text.Client Signature is not provided." |translate}}</p>
 </div>
 
 <mat-dialog-actions align="end">
-  <button mat-raised-button mat-dialog-close>Cancel</button>
-  <button mat-raised-button *ngIf="signatureId" color="warn" [mat-dialog-close]="{ delete: true, id: signatureId }">Confirm</button>
-  <button mat-raised-button *ngIf="!signatureId" color="primary" [mat-dialog-close]="{ upload: true }">Upload</button>
+  <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
+  <button mat-raised-button *ngIf="signatureId" color="warn" [mat-dialog-close]="{ delete: true, id: signatureId }">{{ "labels.buttons.Confirm" |translate}}</button>
+  <button mat-raised-button *ngIf="!signatureId" color="primary" [mat-dialog-close]="{ upload: true }">{{ "labels.buttons.Upload" |translate}}</button>
 </mat-dialog-actions>

src/app/clients/clients-view/custom-dialogs/edit-notes-dialog/edit-notes-dialog.component.html

@@ -1,13 +1,13 @@
-<h1 mat-dialog-title>Edit Note</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Edit Note" |translate}}</h1>
 <div>
   <form #formRef="ngForm" [formGroup]="noteForm">
     <mat-form-field>
       <textarea formControlName="note" matInput placeholder="Write a note ...."></textarea>
     </mat-form-field>
     <mat-dialog-actions align="end">
-      <button mat-raised-button mat-dialog-close>Cancel</button>
+      <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
       <button mat-raised-button color="primary" [disabled]="noteForm.pristine"
-        [mat-dialog-close]="{ editForm: noteForm }">Confirm</button>
+        [mat-dialog-close]="{ editForm: noteForm }">{{ "labels.buttons.Confirm" |translate}}</button>
     </mat-dialog-actions>
   </form>
 </div>

src/app/clients/clients-view/custom-dialogs/unassign-staff-dialog/unassign-staff-dialog.component.html

@@ -1,8 +1,8 @@
-<h1 mat-dialog-title>Unassign Staff</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Unassign Staff" |translate}}</h1>
 <div mat-dialog-content>
-  <p>Are you sure you want to unassign staff for this client ?</p>
+  <p>{{ "labels.text.Unassign Staff client" |translate}} ?</p>
 </div>
 <mat-dialog-actions align="end">
-  <button mat-raised-button mat-dialog-close>Cancel</button>
-  <button mat-raised-button color="warn" [mat-dialog-close]="{ confirm: true }">Confirm</button>
+  <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
+  <button mat-raised-button color="warn" [mat-dialog-close]="{ confirm: true }">{{ "labels.buttons.Confirm" |translate}}</button>
 </mat-dialog-actions>

src/app/clients/clients-view/custom-dialogs/upload-document-dialog/upload-document-dialog.component.html

@@ -1,26 +1,26 @@
-<h1 mat-dialog-title>Upload {{ entityType }} Documents</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Upload" |translate}} {{ entityType }} {{ "labels.heading.Documents" |translate}}</h1>
 <div>
   <form [formGroup]="uploadDocumentForm" fxLayout="column">
 
     <mat-form-field fxFlex>
-      <mat-label>File Name</mat-label>
+      <mat-label>{{"labels.inputs.File Name" |translate}}</mat-label>
       <input formControlName="fileName" required matInput />
       <mat-error *ngIf="uploadDocumentForm.controls.fileName.hasError('required')">
-        File Name is <strong>required</strong>
+        {{"labels.inputs.File Name" |translate}} is <strong>required</strong>
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex *ngIf="!documentIdentifier">
-      <mat-label>Description</mat-label>
+      <mat-label>{{"labels.inputs.Description" |translate}}</mat-label>
       <input formControlName="description" matInput />
     </mat-form-field>
 
     <mifosx-file-upload flex="60%" (change)="onFileSelect($event)"></mifosx-file-upload>
 
     <mat-dialog-actions align="end">
-      <button mat-raised-button mat-dialog-close>Cancel</button>
+      <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
       <button mat-raised-button color="primary" [disabled]="!uploadDocumentForm.valid"
-        [mat-dialog-close]="uploadDocumentForm.value">Confirm</button>
+        [mat-dialog-close]="uploadDocumentForm.value">{{ "labels.buttons.Confirm" |translate}}</button>
     </mat-dialog-actions>
 
   </form>

src/app/clients/clients-view/custom-dialogs/upload-image-dialog/upload-image-dialog.component.html

@@ -1,12 +1,12 @@
-<h1 mat-dialog-title>Upload Client Image</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Upload Client Image" |translate}}</h1>
 
 <div>
 
   <mifosx-file-upload flex="60%" (change)="onFileSelect($event)" acceptFilter=".png,.jpeg,.jpg"></mifosx-file-upload>
 
   <mat-dialog-actions align="end">
-      <button mat-raised-button mat-dialog-close>Cancel</button>
-      <button mat-raised-button color="primary" [disabled]="!image" [mat-dialog-close]="image">Confirm</button>
+      <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
+      <button mat-raised-button color="primary" [disabled]="!image" [mat-dialog-close]="image">{{ "labels.buttons.Confirm" |translate}}</button>
   </mat-dialog-actions>
 
 </div>

src/app/clients/clients-view/custom-dialogs/upload-signature-dialog/upload-signature-dialog.component.html

@@ -1,12 +1,12 @@
-<h1 mat-dialog-title>Upload Client Signature</h1>
+<h1 mat-dialog-title>{{ "labels.heading.Upload Client Signature" |translate}}</h1>
 
 <div>
 
   <mifosx-file-upload flex="60%" (change)="onFileSelect($event)" acceptFilter=".png,.jpeg,.jpg"></mifosx-file-upload>
 
   <mat-dialog-actions align="end">
-      <button mat-raised-button mat-dialog-close>Cancel</button>
-      <button mat-raised-button color="primary" [disabled]="!signature" [mat-dialog-close]="signature">Confirm</button>
+      <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Cancel" |translate}}</button>
+      <button mat-raised-button color="primary" [disabled]="!signature" [mat-dialog-close]="signature">{{ "labels.buttons.Confirm" |translate}}</button>
   </mat-dialog-actions>
 
 </div>

src/app/clients/clients-view/custom-dialogs/view-signature-dialog/view-signature-dialog.component.html

@@ -1,15 +1,15 @@
-<h1 mat-dialog-title>View Client Signature</h1>
+<h1 mat-dialog-title>{{ "labels.heading.View Client Signature" |translate}}</h1>
 
 <div *ngIf="signatureId" mat-dialog-content>
   <img [src]="signatureImage" alt="Signature">
 </div>
 
 <div *ngIf="!signatureId" mat-dialog-content>
-  <p>Client Signature is not provided.</p>
+  <p>{{ "labels.text.Client Signature is not provided." |translate}}</p>
 </div>
 
 <mat-dialog-actions align="end">
-  <button mat-raised-button mat-dialog-close>Close</button>
-  <button mat-raised-button *ngIf="signatureId" color="warn" [mat-dialog-close]="{ delete: true }">Delete</button>
+  <button mat-raised-button mat-dialog-close>{{ "labels.buttons.Close" |translate}}</button>
+  <button mat-raised-button *ngIf="signatureId" color="warn" [mat-dialog-close]="{ delete: true }">{{ "labels.buttons.Delete" |translate}}</button>
   <button mat-raised-button color="primary" [mat-dialog-close]="{ upload: true }">{{ signatureId ? 'Reupload' : 'Upload'}}</button>
 </mat-dialog-actions>