Account transfer module translation (#1778)

* Added Tooltips to Create Recurring Deposit screens

* recommended changes

* Added French languaguge support to user interface

* feat: Account-transfers module translation script

* feat: Updates regarding account transfer

src/app/account-transfers/make-account-transfers/make-account-transfers.component.html

@@ -6,39 +6,39 @@
 
       <div fxLayout="row wrap" fxLayout.lt-md="column">
 
-        <h3 class="mat-h3" fxFlexFill>Transferring From Details</h3>
+        <h3 class="mat-h3" fxFlexFill>{{ "labels.heading.Transferring From Details" | translate}}</h3>
 
         <mat-divider [inset]="true"></mat-divider>
 
         <div fxFlexFill>
-          <span fxFlex="40%">Applicant</span>
+          <span fxFlex="40%">{{"labels.inputs.Applicant" | translate}}</span>
           <span fxFlex="60%">{{ accountTransferTemplateData.fromClient.displayName }}</span>
         </div>
 
         <div fxFlexFill>
-          <span fxFlex="40%">Office</span>
+          <span fxFlex="40%">{{ "labels.inputs.Office"| translate}}</span>
           <span fxFlex="60%">{{ accountTransferTemplateData.fromOffice.name }}</span>
         </div>
 
         <div fxFlexFill>
-          <span fxFlex="40%">From Account</span>
+          <span fxFlex="40%">{{"labels.inputs.From Account" | translate}}</span>
           <span fxFlex="60%">{{ accountTransferTemplateData.fromAccount.productName}}&nbsp;-&nbsp;#{{
             accountTransferTemplateData.fromAccount.accountNo }}</span>
         </div>
 
         <div fxFlexFill>
-          <span fxFlex="40%">From Account Type</span>
+          <span fxFlex="40%">{{"labels.inputs.From Account Type"| translate}}</span>
           <span fxFlex="60%">{{ accountTransferTemplateData.fromAccountType.value }}</span>
         </div>
 
         <div fxFlexFill>
-          <span fxFlex="40%">Currency</span>
+          <span fxFlex="40%">{{ "labels.inputs.Currency" | translate }}</span>
           <span fxFlex="60%">{{ accountTransferTemplateData.currency.name }}</span>
         </div>
 
       </div>
 
-      <h3 class="mat-h3" fxFlexFill>Transferring To</h3>
+      <h3 class="mat-h3" fxFlexFill>{{"labels.heading.Transferred To" | translate}}</h3>
 
       <mat-divider [inset]="true"></mat-divider>
 
@@ -47,33 +47,33 @@
         <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
           <mat-form-field fxFlex="98%" (click)="transferDatePicker.open()">
-            <mat-label>Transaction Date</mat-label>
+            <mat-label>{{"labels.inputs.Transaction Date"| translate}}</mat-label>
             <input matInput [min]="minDate" [max]="maxDate" [matDatepicker]="transferDatePicker" required
               formControlName="transferDate">
             <mat-datepicker-toggle matSuffix [for]="transferDatePicker"></mat-datepicker-toggle>
             <mat-datepicker #transferDatePicker></mat-datepicker>
             <mat-error *ngIf="makeAccountTransferForm.controls.transferDate.hasError('required')">
-              Transactions 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 fxFlex="98%">
-            <mat-label>Office</mat-label>
+            <mat-label>{{ "labels.inputs.Office"| translate}}</mat-label>
             <mat-select required formControlName="toOfficeId" (selectionChange)="changeEvent()">
               <mat-option *ngFor="let toOfficeType of toOfficeTypeData" [value]="toOfficeType.id">
                 {{ toOfficeType.name }}
               </mat-option>
             </mat-select>
             <mat-error *ngIf="makeAccountTransferForm.controls.toOfficeId.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="98%">
-            <mat-label>Client</mat-label>
+            <mat-label>{{ "labels.inputs.Client"| translate}}</mat-label>
             <input matInput formControlName="toClientId" [matAutocomplete]="clientsAutocomplete">
             <mat-error *ngIf="makeAccountTransferForm.controls.toClientId.hasError('required')">
-              Client is <strong>required</strong>
+              {{ "labels.inputs.Client" | translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
             </mat-error>
           </mat-form-field>
 
@@ -84,43 +84,43 @@
           </mat-autocomplete>
 
           <mat-form-field fxFlex="98%">
-            <mat-label>Account Type</mat-label>
+            <mat-label>{{ "labels.inputs.Account Type" | translate}}</mat-label>
             <mat-select required formControlName="toAccountType" (selectionChange)="changeEvent()">
               <mat-option *ngFor="let toAccountType of toAccountTypeData" [value]="toAccountType.id">
                 {{ toAccountType.value }}
               </mat-option>
             </mat-select>
             <mat-error *ngIf="makeAccountTransferForm.controls.toAccountType.hasError('required')">
-              Account Type is <strong>required</strong>
+              {{ "labels.inputs.Account Type" | translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
             </mat-error>
           </mat-form-field>
 
           <mat-form-field fxFlex="98%">
-            <mat-label>Account</mat-label>
+            <mat-label>{{"labels.inputs.Account"| translate}}</mat-label>
             <mat-select required formControlName="toAccountId" (selectionChange)="changeEvent()">
               <mat-option *ngFor="let toAccount of toAccountData" [value]="toAccount.id">
                 {{ toAccount.productName }} - {{ toAccount.accountNo }}
               </mat-option>
             </mat-select>
             <mat-error *ngIf="makeAccountTransferForm.controls.toAccountId.hasError('required')">
-              Account is <strong>required</strong>
+              {{"labels.inputs.Account"| translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
             </mat-error>
           </mat-form-field>
 
           <mat-form-field fxFlex="98%">
-            <mat-label>Amount</mat-label>
+            <mat-label>{{"labels.inputs.Amount" | translate}}</mat-label>
             <input type="number" matInput required formControlName="transferAmount">
             <mat-error *ngIf="makeAccountTransferForm.controls.transferAmount.hasError('required')">
-              Amount is <strong>required</strong>
+              {{"labels.inputs.Amount" | translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
             </mat-error>
           </mat-form-field>
 
           <mat-form-field fxFlex="98%">
-            <mat-label>Description</mat-label>
+            <mat-label>{{"labels.inputs.Destination"| translate}}</mat-label>
             <textarea matInput formControlName="transferDescription" cdkTextareaAutosize
               cdkAutosizeMinRows="2"></textarea>
             <mat-error *ngIf="makeAccountTransferForm.controls.transferDescription.hasError('required')">
-              Transfer Description is <strong>required</strong>
+              {{"labels.inputs.Transfer Description" | translate}} {{ "labels.commons.is"  |translate}} <strong>{{ "labels.commons.required" | translate}}</strong>
             </mat-error>
 
           </mat-form-field>
@@ -132,9 +132,9 @@
     </mat-card-content>
 
     <mat-card-actions fxLayout="row" fxLayout.xs="column" fxLayoutAlign="center" fxLayoutGap="5px">
-      <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]="!makeAccountTransferForm.valid"
-        *mifosxHasPermission="'CREATE_ACCOUNTTRANSFER'" (click)="submit()">Submit</button>
+        *mifosxHasPermission="'CREATE_ACCOUNTTRANSFER'" (click)="submit()">{{"labels.buttons.Submit | translate}}</button>
     </mat-card-actions>
 
   </mat-card>