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/client-stepper/client-general-step/client-general-step.component.html

@@ -3,19 +3,19 @@
   <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Office</mat-label>
+      <mat-label>{{ "labels.inputs.Office" |translate}}</mat-label>
       <mat-select required formControlName="officeId">
         <mat-option *ngFor="let office of officeOptions" [value]="office.id">
           {{ office.name }}
         </mat-option>
       </mat-select>
       <mat-error *ngIf="createClientForm.controls.officeId.hasError('required')">
-        Office is <strong>required</strong>
+        {{ "labels.inputs.Office" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Legal Form</mat-label>
+      <mat-label>{{ "labels.inputs.Legal Form" |translate}}</mat-label>
       <mat-select required formControlName="legalFormId">
         <mat-option *ngFor="let legalForm of legalFormOptions" [value]="legalForm.id">
           {{ legalForm.value }}
@@ -24,7 +24,7 @@
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Staff</mat-label>
+      <mat-label>{{ "labels.inputs.Staff" |translate}}</mat-label>
       <mat-select formControlName="staffId">
         <mat-option *ngFor="let staff of staffOptions" [value]="staff.id">
           {{ staff.displayName }}
@@ -36,40 +36,40 @@
       <mat-label>{{ createClientForm.value.legalFormId === 1 ? 'Name' : 'Entity Name' }}</mat-label>
       <input matInput required formControlName="fullname">
       <mat-error *ngIf="createClientForm.controls.fullname.hasError('required')">
-        Client name is <strong>required</strong>
+        {{ "labels.inputs.Client name" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
       <mat-error *ngIf="createClientForm.controls.fullname.hasError('pattern')">
-        Client name <strong>cannot</strong> begin with a special character or number
+        {{ "labels.inputs.Client name" |translate}} <strong>{{ "labels.inputs.cannot" |translate}}</strong> {{ "labels.commons.begin with a special character or number"  |translate}}
       </mat-error>
     </mat-form-field>
 
     <mat-form-field *ngIf="createClientForm.contains('firstname')" fxFlex="48%">
-      <mat-label>First Name</mat-label>
+      <mat-label>{{ "labels.inputs.First Name" |translate}}</mat-label>
       <input matInput required formControlName="firstname">
       <mat-error *ngIf="createClientForm.controls.firstname.hasError('required')">
-        Client first name is <strong>required</strong>
+        {{ "labels.inputs.Client first name" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
       <mat-error *ngIf="createClientForm.controls.firstname.hasError('pattern')">
-        Client first name <strong>cannot</strong> begin with a special character or number
+        {{ "labels.inputs.Client first name" |translate}} <strong>{{ "labels.inputs.cannot" |translate}}</strong> {{ "labels.commons.begin with a special character or number"  |translate}}
       </mat-error>
     </mat-form-field>
 
     <mat-form-field *ngIf="createClientForm.contains('middlename')" fxFlex="48%">
-      <mat-label>Middle Name</mat-label>
+      <mat-label>{{ "labels.inputs.Middle Name" |translate}}</mat-label>
       <input matInput formControlName="middlename">
       <mat-error *ngIf="createClientForm.controls.middlename.hasError('pattern')">
-        Client middle name <strong>cannot</strong> begin with a special character or number
+        {{ "labels.inputs.Client middle name" |translate}} <strong>{{ "labels.inputs.cannot" |translate}}</strong> {{ "labels.commons.begin with a special character or number"  |translate}}
       </mat-error>
     </mat-form-field>
 
     <mat-form-field *ngIf="createClientForm.contains('lastname')" fxFlex="48%">
-      <mat-label>Last Name</mat-label>
+      <mat-label>{{ "labels.inputs.Last Name" |translate}}</mat-label>
       <input matInput required formControlName="lastname">
       <mat-error *ngIf="createClientForm.controls.lastname.hasError('required')">
-        Client last name is <strong>required</strong>
+        {{ "labels.inputs.Client last name" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
       <mat-error *ngIf="createClientForm.controls.lastname.hasError('pattern')">
-        Client last name <strong>cannot</strong> begin with a special character or number
+        {{ "labels.inputs.Client last name" |translate}} <strong>{{ "labels.inputs.cannot" |translate}}</strong> {{ "labels.commons.begin with a special character or number"  |translate}}
       </mat-error>
     </mat-form-field>
 
@@ -81,7 +81,7 @@
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>External Id</mat-label>
+      <mat-label>{{ "labels.inputs.External Id" |translate}}</mat-label>
       <input matInput formControlName="externalId">
     </mat-form-field>
 
@@ -89,7 +89,7 @@
       *ngIf="createClientForm.contains('clientNonPersonDetails')">
 
       <mat-form-field fxFlex="48%">
-        <mat-label>Constitution</mat-label>
+        <mat-label>{{ "labels.inputs.Constitution" |translate}}</mat-label>
         <mat-select formControlName="constitutionId" required>
           <mat-option *ngFor="let constitution of constitutionOptions" [value]="constitution.id">
             {{ constitution.name }}
@@ -98,7 +98,7 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="48%">
-        <mat-label>Main Business Line</mat-label>
+        <mat-label>{{ "labels.inputs.Main Business Line" |translate}}</mat-label>
         <mat-select formControlName="mainBusinessLineId">
           <mat-option *ngFor="let business of businessLineOptions" [value]="business.id">
             {{ business.name }}
@@ -107,26 +107,26 @@
       </mat-form-field>
 
       <mat-form-field fxFlex="48%" (click)="incorpValidityTillDateDatePicker.open()">
-        <mat-label>Incorporation Validity Till Date</mat-label>
+        <mat-label>{{ "labels.inputs.Incorporation Validity Till Date" |translate}}</mat-label>
         <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="incorpValidityTillDateDatePicker" formControlName="incorpValidityTillDate">
         <mat-datepicker-toggle matSuffix [for]="incorpValidityTillDateDatePicker"></mat-datepicker-toggle>
         <mat-datepicker #incorpValidityTillDateDatePicker></mat-datepicker>
       </mat-form-field>
 
       <mat-form-field fxFlex="48%">
-        <mat-label>Incorporation Number</mat-label>
+        <mat-label>{{ "labels.inputs.Incorporation Number" |translate}}</mat-label>
         <input matInput formControlName="incorpNumber">
       </mat-form-field>
 
       <mat-form-field fxFlex="98%">
-        <mat-label>Remarks</mat-label>
+        <mat-label>{{ "labels.inputs.Remarks" |translate}}</mat-label>
         <textarea matInput formControlName="remarks" cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
       </mat-form-field>
 
     </div>
 
     <mat-form-field *ngIf="createClientForm.value.legalFormId === 1" fxFlex="48%">
-      <mat-label>Gender</mat-label>
+      <mat-label>{{ "labels.inputs.Gender" |translate}}</mat-label>
       <mat-select formControlName="genderId">
         <mat-option *ngFor="let gender of genderOptions" [value]="gender.id">
           {{ gender.name }}
@@ -135,24 +135,24 @@
     </mat-form-field>
 
     <mat-checkbox *ngIf="createClientForm.value.legalFormId === 1" fxFlex="48%" labelPosition="before" formControlName="isStaff" class="margin-v">
-      Is staff?
+      {{ "labels.inputs.Is staff" |translate}}?
     </mat-checkbox>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Mobile No</mat-label>
+      <mat-label>{{ "labels.inputs.Mobile No" |translate}}</mat-label>
       <input matInput type="number" formControlName="mobileNo">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Email Address</mat-label>
+      <mat-label>{{ "labels.inputs.Email Address" |translate}}</mat-label>
       <input matInput formControlName="emailAddress">
       <mat-error *ngIf="createClientForm.controls.emailAddress.errors?.email">
-        Email not valid
+        {{"error.Email not valid" |translate}}
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Client Type</mat-label>
+      <mat-label>{{ "labels.inputs.Client Type" |translate}}</mat-label>
       <mat-select formControlName="clientTypeId">
         <mat-option *ngFor="let clientType of clientTypeOptions" [value]="clientType.id">
           {{ clientType.name }}
@@ -161,7 +161,7 @@
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
-      <mat-label>Client Classification</mat-label>
+      <mat-label>{{ "labels.inputs.Client Classification" |translate}}</mat-label>
       <mat-select formControlName="clientClassificationId">
         <mat-option *ngFor="let clientClassification of clientClassificationTypeOptions" [value]="clientClassification.id">
           {{ clientClassification.name }}
@@ -170,7 +170,7 @@
     </mat-form-field>
 
     <mat-form-field fxFlex="48%" (click)="submittedOnDatePicker.open()">
-      <mat-label>Submitted On</mat-label>
+      <mat-label>{{ "labels.inputs.Submitted On" |translate}}</mat-label>
       <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="submittedOnDatePicker" formControlName="submittedOnDate" required>
       <mat-datepicker-toggle matSuffix [for]="submittedOnDatePicker"></mat-datepicker-toggle>
       <mat-datepicker #submittedOnDatePicker></mat-datepicker>
@@ -179,33 +179,33 @@
     <br />
 
     <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="active" class="margin-v">
-      Active?
+      {{ "labels.inputs.Active" |translate}}?
     </mat-checkbox>
 
     <mat-form-field *ngIf="createClientForm.contains('activationDate')" fxFlex="48%" (click)="activatedOnDatePicker.open()">
-      <mat-label>Activation Date</mat-label>
+      <mat-label>{{ "labels.inputs.Activation Date" |translate}}</mat-label>
       <input matInput [min]="createClientForm.value.submittedOnDate" [max]="maxDate" [matDatepicker]="activatedOnDatePicker" required
         formControlName="activationDate">
       <mat-datepicker-toggle matSuffix [for]="activatedOnDatePicker"></mat-datepicker-toggle>
       <mat-datepicker #activatedOnDatePicker></mat-datepicker>
       <mat-error *ngIf="createClientForm.controls.activationDate.hasError('required')">
-        Activation Date is <strong>required</strong>
+        {{ "labels.inputs.Activation Date" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
     </mat-form-field>
 
     <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="addSavings" class="margin-v">
-      Open Savings Account?
+      {{ "labels.inputs.Open Savings Account" |translate}}?
     </mat-checkbox>
 
     <mat-form-field *ngIf="createClientForm.contains('savingsProductId')" fxFlex="48%">
-      <mat-label>Savings Product</mat-label>
+      <mat-label>{{ "labels.inputs.Savings Product" |translate}}</mat-label>
       <mat-select required formControlName="savingsProductId">
         <mat-option *ngFor="let product of savingProductOptions" [value]="product.id">
           {{ product.name }}
         </mat-option>
       </mat-select>
       <mat-error *ngIf="createClientForm.controls.savingsProductId.hasError('required')">
-        Savings product is <strong>required</strong>
+        {{ "labels.inputs.Savings Product" |translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
       </mat-error>
     </mat-form-field>
 
@@ -214,10 +214,10 @@
   <div fxLayout="row" class="margin-t" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="2%">
     <button mat-raised-button matStepperPrevious disabled>
       <fa-icon icon="arrow-left" class="m-r-10"></fa-icon>
-      Previous
+      {{ "labels.buttons.Previous" | translate}}
     </button>
     <button mat-raised-button matStepperNext>
-      Next
+      {{ "labels.buttons.Next" | translate}}
       <fa-icon icon="arrow-right" class="m-l-10"></fa-icon>
     </button>
   </div>