finish translation of matTooltip in our project

src/app/organization/tellers/tellers.component.html

@@ -34,7 +34,7 @@
         <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Status' | translate }} </th>
         <td mat-cell *matCellDef="let teller">
           <div [className]="teller.status === 'ACTIVE' ? 'true' : 'false'">
-            <fa-icon matTooltip="{{ teller.status === 'ACTIVE' ? 'Active' : 'Inactive' }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
+            <fa-icon matTooltip="{{ teller.status === 'ACTIVE' ? ( 'labels.inputs.Active' | translate ) : ('labels.catalogs.Inactive' | translate) }}" matTooltipPosition="right" icon="circle" size="lg"></fa-icon>
           </div>
         </td>
       </ng-container>

src/app/products/loan-products/loan-product-stepper/loan-product-settings-step/loan-product-settings-step.component.html

@@ -117,7 +117,7 @@ <h3 fxFlex="96%" class="mat-h3">{{'labels.heading.Down Payment' | translate}}</h
     <div *ngIf="loanProductSettingsForm.value.enableDownPayment" fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
       <mat-form-field fxFlex="48%">
         <mat-label>{{'labels.inputs.Disbursed Amount Percentage Down Payment' | translate}} (%)</mat-label>
-        <input type="number" matInput matTooltip="The percentage of disbursements amount for Down Payment" formControlName="disbursedAmountPercentageForDownPayment" required [min]="0" [max]="100">
+        <input type="number" matInput matTooltip="{{ 'tooltips.The percentage of disbursements amount for Down Payment' | translate}}" formControlName="disbursedAmountPercentageForDownPayment" required [min]="0" [max]="100">
         <mat-error *ngIf="loanProductSettingsForm.controls.disbursedAmountPercentageForDownPayment.hasError('required')">
           {{'labels.inputs.Disbursed Amount Percentage Down Payment' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
         </mat-error>
@@ -126,8 +126,7 @@ <h3 fxFlex="96%" class="mat-h3">{{'labels.heading.Down Payment' | translate}}</h
         </mat-error>
       </mat-form-field>
 
-      <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="enableAutoRepaymentForDownPayment" matTooltip="Enable or disable  the auto repayment of down-payment.
-      When “auto repayment for the down-payments“ is enabled,  the disbursements will trigger an auto down payment transaction for the down payment amount" class="margin-b">
+      <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="enableAutoRepaymentForDownPayment" matTooltip="{{ 'tooltips.Enable or disable the auto repayment of down-payment.' | translate}}" class="margin-b">
       {{'labels.inputs.Enable Auto Repayment for Down Payment' | translate}}
       </mat-checkbox>
     </div>
@@ -136,7 +135,7 @@ <h3 fxFlex="96%" class="mat-h3">{{'labels.heading.Down Payment' | translate}}</h
 
     <span fxFlex="48%" fxHide.lt-md></span>
 
-    <h4 fxFlex="98%" class="mat-h4 m-r-10">{{'labels.inputs.Moratorium' | translate}} <i class="fas fa-question" matTooltip="The moratorium information will default from the loan product settings, but can be changed for this loan account"></i></h4>
+    <h4 fxFlex="98%" class="mat-h4 m-r-10">{{'labels.inputs.Moratorium' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.The moratorium information' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Grace on principal payment' | translate}}</mat-label>
@@ -171,19 +170,17 @@ <h4 fxFlex="98%" class="mat-h4 m-r-10">{{'labels.inputs.Moratorium' | translate}
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Interest free period' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="If the Interest Free Period is '4' and the client's Repayment Frequency is every week,
-      then for the first four weeks the client need not to pay interest, he has to pay principle due for that week only." formControlName="graceOnInterestCharged">
+      <input type="number" matInput matTooltip="{{ 'tooltips.If the Interest Free Period' | translate}}" formControlName="graceOnInterestCharged">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Arrears tolerance' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="With 'Arrears tolerance' you can specify a tolerance amount and if the loan is behind (in arrears),
-      but within the tolerance, it won't be classified as 'in arrears' and part of the portfolio at risk." formControlName="inArrearsTolerance">
+      <input type="number" matInput matTooltip="{{ 'tooltips.With Arrears tolerance' | translate}}" formControlName="inArrearsTolerance">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Days in year' | translate}}</mat-label>
-      <mat-select matTooltip="The setting for number of days in year to use to calculate interest" formControlName="daysInYearType" required>
+      <mat-select matTooltip="{{ 'tooltips.To calculate interest' | translate}}" formControlName="daysInYearType" required>
         <mat-option *ngFor="let daysInYearType of daysInYearTypeData" [value]="daysInYearType.id">
           {{ daysInYearType.value | translateKey:'catalogs' }}
         </mat-option>
@@ -195,7 +192,7 @@ <h4 fxFlex="98%" class="mat-h4 m-r-10">{{'labels.inputs.Moratorium' | translate}
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Days in month' | translate}}</mat-label>
-      <mat-select matTooltip="Number of days in month." formControlName="daysInMonthType" required>
+      <mat-select matTooltip="{{ 'tooltips.Number of days in month' | translate}}." formControlName="daysInMonthType" required>
         <mat-option *ngFor="let daysInMonthType of daysInMonthTypeData" [value]="daysInMonthType.id">
           {{ daysInMonthType.value | translateKey:'catalogs' }}
         </mat-option>
@@ -210,15 +207,15 @@ <h4 fxFlex="98%" class="mat-h4 m-r-10">{{'labels.inputs.Moratorium' | translate}
     </mat-checkbox>
 
     <h4 fxFlex="48%">{{'labels.inputs.Number of days a loan may be overdue before moving into arrears' | translate}} <i class="fas fa-question"
-      matTooltip="A loan is in arrears once the number of days entered into this field is exceeded. If this field is blank, the loan will be in arrears the day after a scheduled payment is missed. "></i></h4>
+      matTooltip="{{ 'tooltips.A loan is in arrears once the number of days' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.On arrears ageing' | translate}}</mat-label>
       <input type="number" matInput formControlName="graceOnArrearsAgeing">
     </mat-form-field>
 
     <h4 fxFlex="48%">{{'labels.inputs.Maximum number of days a loan may be overdue before becoming a NPA (non performing asset)' | translate}} <i class="fas fa-question"
-      matTooltip="A loan is a NPA (non performing asset) once the number of days entered into this field is exceeded. If this field is blank, the loan will be an NPA the day after a scheduled payment is missed."></i></h4>
+      matTooltip="{{ 'tooltips.NPA (non performing asset) once the number of days' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Overdue days for NPA' | translate}}</mat-label>
@@ -234,7 +231,7 @@ <h4 fxFlex="48%">{{'labels.inputs.Maximum number of days a loan may be overdue b
       <input type="number" matInput formControlName="principalThresholdForLastInstallment">
     </mat-form-field>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="These fields are used to define the minimum, maximum gap that should be present between the installments for the loan product" formControlName="allowVariableInstallments" class="margin-v">
+    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="{{ 'tooltips.Fields are used to define the minimum, maximum gap' | translate}}" formControlName="allowVariableInstallments" class="margin-v">
       {{'labels.inputs.Are Variable Installments allowed?' | translate}}
     </mat-checkbox>
 
@@ -260,7 +257,7 @@ <h4 fxFlex="98%" class="mat-h4">{{ 'labels.inputs.Variable Installments' | trans
 
     </div>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="If selected, the Loan Product can be used to apply for Topup Loans." formControlName="canUseForTopup" class="margin-v">
+    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="{{ 'tooltips.Loan Product can be used to apply for Topup Loans' | translate}}" formControlName="canUseForTopup" class="margin-v">
       {{'labels.inputs.Allowed to be used for providing Topup Loans' | translate}}
     </mat-checkbox>
 
@@ -471,22 +468,22 @@ <h3 fxFlex="23%" class="mat-h3">{{'labels.heading.Guarantee Requirements' | tran
     <mat-divider fxFlex="98%"></mat-divider>
 
     <h3 fxFlex="23%" class="mat-h3">{{ 'labels.heading.Event Settings' | translate }}<i class="fas fa-question"
-      matTooltip="Setting for event notifications to be sent before or after repayments. Blue color means default value from global configurations."></i></h3>
+      matTooltip="{{ 'tooltips.Setting for event notifications to be sent' | translate}}"></i></h3>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="useDueForRepaymentsConfigurations" matTooltip="Use or not the Global Configurations values to the Repayment Event (notifications)" class="margin-b">
+    <mat-checkbox fxFlex="48%" labelPosition="before" formControlName="useDueForRepaymentsConfigurations" matTooltip="{{ 'tooltips.Use or not the Global Configurations' | translate}}" class="margin-b">
       {{'labels.inputs.Use the Global Configurations values to the Repayment Event (notifications)' | translate}}
     </mat-checkbox>
 
     <div fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column" *ngIf="!loanProductSettingsForm.value.useDueForRepaymentsConfigurations">
 
       <mat-form-field fxFlex="48%">
         <mat-label>{{'labels.inputs.Due days for repayment event' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="The maximum outstanding loan account balance allowed at a point in time." formControlName="dueDaysForRepaymentEvent">
+        <input type="number" matInput matTooltip="{{ 'tooltips.Maximum outstanding loan account balance' | translate}}" formControlName="dueDaysForRepaymentEvent">
       </mat-form-field>
 
       <mat-form-field fxFlex="48%">
         <mat-label>{{'labels.inputs.OverDue days for repayment event' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="The maximum outstanding loan account balance allowed at a point in time." formControlName="overDueDaysForRepaymentEvent">
+        <input type="number" matInput matTooltip="{{ 'tooltips.Maximum outstanding loan account balance' | translate}}" formControlName="overDueDaysForRepaymentEvent">
       </mat-form-field>
     </div>
 

src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-step.component.html

@@ -49,7 +49,7 @@ <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Principal' | translate}}<i clas
     </div>
 
     <mat-form-field fxFlex="31%">
-      <mat-label>{{'labels.inputs.Installment day calculation from' | translate}} <i class="fas fa-question" matTooltip="Repayment schedule will start the installment dates from the submitted date or the disbursement date"></i></mat-label>
+      <mat-label>{{'labels.inputs.Installment day calculation from' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Repayment schedule will start the installment' | translate}}"></i></mat-label>
       <mat-select formControlName="repaymentStartDateType" required>
         <mat-option *ngFor="let repaymentStartDateType of repaymentStartDateTypeOptions" [value]="repaymentStartDateType.id">
           {{ repaymentStartDateType.value | translateKey:'catalogs'}}
@@ -139,7 +139,7 @@ <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Nominal interest rate' | transl
 
     <div *ngIf="loanProductTermsForm.value.isLinkedToFloatingInterestRates && !isZeroInterest()" fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column" fxLayoutAlign.gt-sm="start center">
 
-      <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Floating Interest Rate' | translate}} <i class="fas fa-question" matTooltip="These fields are used to define the minimum, default, maximum, and period for the Floating Interest Rate allowed for the loan product. The minimum, default, and maximum floating interest rates are expressed as percentages."></i></h4>
+      <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Floating Interest Rate' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Define the minimum, default, maximum, and period for the floating interest rate' | translate}}"></i></h4>
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Floating Rate' | translate}}</mat-label>
@@ -417,7 +417,7 @@ <h4 fxFlex="33%" class="mat-h4">{{'labels.inputs.Repaid every' | translate}} <i
     </mat-form-field>
 
     <h4 fxFlex="33%" class="mat-h4" *ngIf="allowFixedLength()">{{'labels.inputs.Fixed Length' | translate}} <i class="fas fa-question"
-      matTooltip="Due to regulatory requirements in some countries, the loans cannot exceed X days, the Fineract SOR needs to be extended to support defining that a loan has a maximum length and the maximum length of that loan defines the length of the last installment which will be a shorter period than the first installments."></i></h4>
+      matTooltip="{{ 'tooltips.Due to regulatory requirements in some countries' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="30%" *ngIf="allowFixedLength()">
       <mat-label>{{'labels.inputs.Fixed Length' | translate}}</mat-label>

src/app/products/share-products/share-product-stepper/share-product-details-step/share-product-details-step.component.html

@@ -4,23 +4,23 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Product Name' | translate}}</mat-label>
-      <input matInput formControlName="name" matTooltip="A unique identifier for the share product" required>
+      <input matInput formControlName="name" matTooltip="{{ 'tooltips.A unique identifier for the share product' | translate}}" required>
       <mat-error>
         {{'labels.inputs.Product Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Short Name' | translate}}</mat-label>
-      <input matInput formControlName="shortName" matTooltip="A unique identifier for the share product" maxlength="4" required>
+      <input matInput formControlName="shortName" matTooltip="{{ 'tooltips.A unique identifier for the share product' | translate}}" maxlength="4" required>
       <mat-error>
         {{'labels.inputs.Short Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
     </mat-form-field>
 
     <mat-form-field fxFlex="98%">
       <mat-label>{{'labels.inputs.Description' | translate}}</mat-label>
-      <textarea matInput formControlName="description" matTooltip="Provides additional information regarding the purpose and characteristics of the share product" required></textarea>
+      <textarea matInput formControlName="description" matTooltip="{{ 'tooltips.Provides additional information' | translate}}" required></textarea>
     </mat-form-field>
 
   </div>

src/app/products/share-products/share-product-stepper/share-product-market-price-step/share-product-market-price-step.component.html

@@ -1,6 +1,6 @@
 <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
-  <h4 fxFlex="23%" class="mat-h4">{{'labels.inputs.Market Price Period' | translate}} <i class="fas fa-question" matTooltip="Add future share value with date range"></i></h4>
+  <h4 fxFlex="23%" class="mat-h4">{{'labels.inputs.Market Price Period' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Add future share value with date range' | translate}}"></i></h4>
 
   <div fxFlex="73%">
     <button type="button" mat-raised-button color="primary" (click)="addMarketPricePeriod()">

src/app/products/share-products/share-product-stepper/share-product-settings-step/share-product-settings-step.component.html

@@ -2,7 +2,7 @@
 
   <div fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
-    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Shares per Client' | translate}} <i class="fas fa-question" matTooltip="These fields are used to define the minimum, default, maximum shares per customer"></i></h4>
+    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Shares per Client' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.These fields are used to define the minimum, default, maximum shares per customer' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="31%">
       <mat-label>{{'labels.inputs.Minimum' | translate}}</mat-label>
@@ -22,7 +22,7 @@ <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Shares per Client' | translate}
       <input type="number" matInput formControlName="maximumShares">
     </mat-form-field>
 
-    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Minimum Active Period' | translate}} <i class="fas fa-question" matTooltip="Minimum active period to consider for dividend calculations"></i></h4>
+    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Minimum Active Period' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Minimum active period to consider for dividend calculations' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
@@ -38,7 +38,7 @@ <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Minimum Active Period' | transl
       </mat-select>
     </mat-form-field>
 
-    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Lock-in Period' | translate}} <i class="fas fa-question" matTooltip="Used to indicate the length of time that a share account of this share product type is locked-in and redeems are not allowed"></i></h4>
+    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Lock-in Period' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Used to indicate the length of time' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
@@ -54,7 +54,7 @@ <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Lock-in Period' | translate}} <
       </mat-select>
     </mat-form-field>
 
-    <mat-checkbox fxFlex="98%" class="margin-v" labelPosition="before" matTooltip="Indicates whether the dividends can be processed even share account of this share product is inactive" formControlName="allowDividendCalculationForInactiveClients">
+    <mat-checkbox fxFlex="98%" class="margin-v" labelPosition="before" matTooltip="{{ 'tooltips.Indicates whether the dividends can be processed even share account of this share product is inactive' | translate}}" formControlName="allowDividendCalculationForInactiveClients">
       {{'labels.inputs.Allow dividends for inactive clients' | translate}}
     </mat-checkbox>