translation of matTooltip

src/app/products/loan-products/loan-product-stepper/loan-product-terms-step/loan-product-terms-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.Principal' | translate}}<i class="m-l-10 fas fa-question" matTooltip="These fields are used to define the minimum, default, and maximum principal allowed for the loan product."></i></h4>
+    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Principal' | translate}}<i class="m-l-10 fas fa-question" matTooltip="{{ 'tooltips.Fields are used to define the minimum, default, and maximum principal' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="31%">
       <mat-label>{{'labels.inputs.Minimum' | translate}}</mat-label>
@@ -57,7 +57,7 @@
       </mat-select>
     </mat-form-field>
 
-    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Number of repayments' | translate}} <i class="fas fa-question" matTooltip="These fields are used to define the minimum, default, and maximum number of repayments allowed for the loan product."></i></h4>
+    <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Number of repayments' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Fields are used to define the minimum, default, and maximum number of repayments' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="31%">
       <mat-label>{{'labels.inputs.Minimum' | translate}}</mat-label>
@@ -97,7 +97,7 @@
 
     <div *ngIf="!loanProductTermsForm.value.isLinkedToFloatingInterestRates" fxFlexFill fxLayout="row wrap" fxLayoutGap="2%" fxLayout.lt-md="column">
 
-      <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Nominal interest rate' | translate}} <i class="fas fa-question" matTooltip="These fields are used to define the minimum, default, maximum, and period for the nominal interest rate allowed for the loan product. The minimum, default, and maximum nominal interest rates are expressed as percentages."></i></h4>
+      <h4 fxFlex="98%" class="mat-h4">{{'labels.inputs.Nominal interest rate' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Define the minimum, default, maximum, and period for the nominal interest rate' | translate}}"></i></h4>
 
       <mat-form-field fxFlex="23%">
         <mat-label>{{'labels.inputs.Minimum' | translate}}</mat-label>
@@ -394,7 +394,7 @@
 
     <mat-divider fxFlex="98%"></mat-divider>
 
-    <h4 fxFlex="33%" class="mat-h4">{{'labels.inputs.Repaid every' | translate}} <i class="fas fa-question" matTooltip="These fields are input to calculating the repayment schedule for a loan account and are used to determine when payments are due."></i></h4>
+    <h4 fxFlex="33%" class="mat-h4">{{'labels.inputs.Repaid every' | translate}} <i class="fas fa-question" matTooltip="{{ 'tooltips.Fields are input to calculating the repayment schedule' | translate}}"></i></h4>
 
     <mat-form-field fxFlex="30%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>

src/app/products/manage-tax-groups/edit-tax-group/edit-tax-group.component.html

@@ -52,7 +52,7 @@
                   <fa-icon icon="edit"></fa-icon>
                 </button>
                 <button type="button" mat-icon-button color="warn" *ngIf="taxComponent.isNew"
-                  (click)="delete(taxComponentIndex)" matTooltip="Delete Interest Rate Chart"
+                  (click)="delete(taxComponentIndex)" matTooltip="{{ 'tooltips.Delete Interest Rate Chart' | translate}}"
                   matTooltipPosition="left">
                   <fa-icon icon="trash"></fa-icon>
                 </button>

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

@@ -4,7 +4,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Product Name' | translate}} </mat-label>
-      <input matInput formControlName="name" matTooltip="The product name is a unique identifier for the lending product." required>
+      <input matInput formControlName="name" matTooltip="{{ 'tooltips.Product name is a unique identifier' | translate}}" required>
       <mat-error *ngIf="recurringDepositProductDetailsForm.controls.name.hasError('required')">
         {{'labels.inputs.Product Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -12,7 +12,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Short Name' | translate}}</mat-label>
-      <input matInput formControlName="shortName" maxlength="4"  matTooltip="The short name is a unique identifier for the lending product." required>
+      <input matInput formControlName="shortName" maxlength="4"  matTooltip="{{ 'tooltips.Short name is a unique identifier' | translate}}" required>
       <mat-error *ngIf="recurringDepositProductDetailsForm.controls.shortName.hasError('required')">
         {{'labels.inputs.Short Name' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -20,7 +20,7 @@
 
     <mat-form-field fxFlex="98%">
       <mat-label>{{'labels.inputs.Description' | translate}}</mat-label>
-      <textarea matInput formControlName="description" matTooltip="The description is used to provide additional information regarding the purpose and characteristics of the recurring deposit product."  cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
+      <textarea matInput formControlName="description" matTooltip="{{ 'tooltips.Description is used to provide additional information regarding the purpose' | translate}}"  cdkTextareaAutosize cdkAutosizeMinRows="2"></textarea>
       <mat-error *ngIf="recurringDepositProductDetailsForm.controls.description.hasError('required')">
         {{'labels.inputs.Description' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>

src/app/products/recurring-deposit-products/recurring-deposit-product-stepper/recurring-deposit-product-interest-rate-chart-step/recurring-deposit-product-interest-rate-chart-step.component.html

@@ -20,14 +20,14 @@
 
         <div fxFlex="98%" fxLayout="row" fxLayoutAlign="end center">
           <button type="button" mat-icon-button color="warn" (click)="delete(charts, chartIndex)"
-            matTooltip="Delete Interest Rate Chart" matTooltipPosition="left">
+            matTooltip="{{ 'tooltips.Delete Interest Rate Chart' | translate}}" matTooltipPosition="left">
             <fa-icon icon="trash"></fa-icon>
           </button>
         </div>
 
         <mat-form-field fxFlex="32%">
           <mat-label>{{ 'labels.inputs.Name' | translate}}</mat-label>
-          <input matInput formControlName="name" matTooltip="The name is a unique identifier for the chart." required>
+          <input matInput formControlName="name" matTooltip="{{ 'tooltips.The name is a unique identifier for the chart' | translate}}" required>
         </mat-form-field>
 
         <mat-form-field fxFlex="31%" (click)="validFromDatePicker.open()">
@@ -52,7 +52,7 @@
         <mat-form-field fxFlex="65%">
           <mat-label>{{ 'labels.inputs.Description' | translate}}</mat-label>
           <textarea matInput formControlName="description"
-            matTooltip="The description is used to provide additional information regarding the purpose and characteristics of the chart."></textarea>
+            matTooltip="{{ 'tooltips.The description is used to provide additional information' | translate}}"></textarea>
         </mat-form-field>
 
         <div fxFlex="31%" fxLayout="row" fxLayoutAlign="space-between center">
@@ -245,4 +245,4 @@
     </button>
   </div>
 
-</form>
+</form>

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

@@ -18,7 +18,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
-      <input type="number" matInput formControlName="lockinPeriodFrequency" matTooltip="The number at which lock in period occurs." >
+      <input type="number" matInput formControlName="lockinPeriodFrequency" matTooltip="{{ 'tooltips.The number at which lock in period occurs' | translate}}" >
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
@@ -35,7 +35,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
-      <input type="number" matInput formControlName="minDepositTerm" matTooltip="The number at which minimum deposit occurs." required>
+      <input type="number" matInput formControlName="minDepositTerm" matTooltip="{{ 'tooltips.The number at which minimum deposit occurs' | translate}}" required>
       <mat-error>
         {{'labels.inputs.Minimum Deposit Term Frequency' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -57,7 +57,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
-      <input type="number" matInput formControlName="inMultiplesOfDepositTerm" matTooltip="The number at which multiple deposits occurs.">
+      <input type="number" matInput formControlName="inMultiplesOfDepositTerm" matTooltip="{{ 'tooltips.The number at which multiple deposits occurs' | translate}}">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
@@ -73,7 +73,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Frequency' | translate}}</mat-label>
-      <input type="number" matInput formControlName="maxDepositTerm" matTooltip="The number at which minimum deposit occurs.">
+      <input type="number" matInput formControlName="maxDepositTerm" matTooltip="{{ 'tooltips.The number at which minimum deposit occurs' | translate}}">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">

src/app/products/recurring-deposit-products/recurring-deposit-products.component.html

@@ -1,7 +1,7 @@
 <div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
 <div #buttonCreateRecurringProduct class="in-block">
   <button mat-raised-button color="primary" [routerLink]="['create']" *mifosxHasPermission='"CREATE_RECURRINGDEPOSITPRODUCT"'
-  matTooltip="Create Recurring Deposit Product" matTooltipPosition="above">
+  matTooltip="{{ 'tooltips.Create Recurring Deposit Product' | translate}}" matTooltipPosition="above">
     <fa-icon icon="plus" class="m-r-10"></fa-icon>
     {{'labels.buttons.Create Recurring Deposit Product' | translate}}
   </button>
@@ -13,7 +13,7 @@
   <div #filter fxLayout="row" fxLayoutGap="20px">
     <mat-form-field fxFlex>
       <mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
-      <input matInput (keyup)="applyFilter($event.target.value)"  matTooltip="Add Filters" matTooltipPosition="left">
+      <input matInput (keyup)="applyFilter($event.target.value)"  matTooltip="{{ 'tooltips.Add Filters' | translate}}" matTooltipPosition="left">
     </mat-form-field>
   </div>
 

src/app/products/saving-products/saving-product-stepper/saving-product-currency-step/saving-product-currency-step.component.html

@@ -4,7 +4,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Currency' | translate}}</mat-label>
-      <mat-select formControlName="currencyCode" matTooltip="The currency to be used" required>
+      <mat-select formControlName="currencyCode" matTooltip="{{ 'tooltips.The currency to be used' | translate}}" required>
         <mat-option *ngFor="let currency of currencyData" [value]="currency.code">
           {{ currency.name }}
         </mat-option>
@@ -16,7 +16,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Decimal Places' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="The number of decimal places to be used to track and report on saving accounts" formControlName="digitsAfterDecimal" required>
+      <input type="number" matInput matTooltip="{{ 'tooltips.Track and report saving account' | translate}}" formControlName="digitsAfterDecimal" required>
       <mat-error>
         {{'labels.inputs.Decimal Places' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -24,7 +24,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Currency in multiples of' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="The amount to be rounded off (example: 100 rounds off to 200, 300, 400, etc)" formControlName="inMultiplesOf">
+      <input type="number" matInput matTooltip="{{ 'tooltips.Amount to be rounded off' | translate}}" formControlName="inMultiplesOf">
       <mat-error>
         {{'labels.inputs.Currency in multiples of' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>

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

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

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

@@ -4,14 +4,14 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Minimum Opening Balance' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="Sets the minimum deposit amount required to open a saving account of this saving product type" formControlName="minRequiredOpeningBalance">
+      <input type="number" matInput matTooltip="{{ 'tooltips.Sets the minimum deposit amount' | translate}}" formControlName="minRequiredOpeningBalance">
     </mat-form-field>
 
     <span fxFlex="48%" fxHide.lt-md></span>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Lock-in Period' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="Used to indicate the length of time that a savings account of this saving product type is locked-in and withdrawals are not allowed" formControlName="lockinPeriodFrequency">
+      <input type="number" matInput matTooltip="{{ 'tooltips.Used to indicate the length of time' | translate}}" formControlName="lockinPeriodFrequency">
     </mat-form-field>
 
     <mat-form-field fxFlex="48%">
@@ -22,25 +22,25 @@
       </mat-select>
     </mat-form-field>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="Indicates whether the withdrawal fee should be applied when funds are transferred between accounts" formControlName="withdrawalFeeForTransfers" class="margin-v">
+    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="{{ 'tooltips.Indicates whether the withdrawal fee' | translate}}" formControlName="withdrawalFeeForTransfers" class="margin-v">
       {{'labels.inputs.Apply Withdrawal Fee for Transfers' | translate}}
     </mat-checkbox>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Balance Required for Interest Calculation' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="Sets the balance required for interest calculation" formControlName="minBalanceForInterestCalculation">
+      <input type="number" matInput matTooltip="{{ 'tooltips.Sets the balance required for interest calculation' | translate}}" formControlName="minBalanceForInterestCalculation">
     </mat-form-field>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="Indicates whether to enforce a minimum balance" formControlName="enforceMinRequiredBalance" class="margin-v">
+    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="{{ 'tooltips.Indicates whether to enforce a minimum balance' | translate}}" formControlName="enforceMinRequiredBalance" class="margin-v">
       {{'labels.inputs.Enforce Minimum Balance' | translate}}
     </mat-checkbox>
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Minimum Balance' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="Sets the minimum balance allowed for a saving account" formControlName="minRequiredBalance">
+      <input type="number" matInput matTooltip="{{ 'tooltips.Sets the minimum balance allowed for a saving account' | translate}}" formControlName="minRequiredBalance">
     </mat-form-field>
 
-    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="An boolean flag to attach  taxes to interest posting" formControlName="withHoldTax" class="margin-v">
+    <mat-checkbox fxFlex="48%" labelPosition="before" matTooltip="{{ 'tooltips.An boolean flag to attach' | translate}}" formControlName="withHoldTax" class="margin-v">
       {{'labels.inputs.Is Withhold Tax Applicable' | translate}}
     </mat-checkbox>
 
@@ -60,7 +60,7 @@
 
     <h3 fxFlex="23%" class="mat-h3">{{'labels.inputs.Overdraft' | translate}}</h3>
 
-    <mat-checkbox fxFlex="73%" labelPosition="before" matTooltip="Indicates whether saving accounts based on this saving product may have an overdraft" formControlName="allowOverdraft" class="margin-b">
+    <mat-checkbox fxFlex="73%" labelPosition="before" matTooltip="{{ 'tooltips.Indicates whether saving accounts based on this saving product' | translate}}" formControlName="allowOverdraft" class="margin-b">
       {{'labels.inputs.Is Overdraft Allowed' | translate}}
     </mat-checkbox>
 
@@ -68,17 +68,17 @@
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Minimum Overdraft Required for Interest Calculation' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Sets the overdraft required for interest calculation" formControlName="minOverdraftForInterestCalculation">
+        <input type="number" matInput matTooltip="{{ 'tooltips.Sets the overdraft required for interest calculation' | translate}}" formControlName="minOverdraftForInterestCalculation">
       </mat-form-field>
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Nominal Annual Interest for Overdraft' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Default interest rate on overdraft" formControlName="nominalAnnualInterestRateOverdraft">
+        <input type="number" matInput matTooltip="{{ 'tooltips.Default interest rate on overdraft' | translate}}" formControlName="nominalAnnualInterestRateOverdraft">
       </mat-form-field>
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Maximum Overdraft Amount Limit' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Sets the maximum allowed overdraft amount for a saving account that is allowed to have an overdraft" formControlName="overdraftLimit">
+        <input type="number" matInput matTooltip="{{ 'tooltips.Sets the maximum allowed overdraft amount' | translate}}" formControlName="overdraftLimit">
       </mat-form-field>
 
     </div>
@@ -87,7 +87,7 @@
 
     <h3 fxFlex="23%" class="mat-h3">{{'labels.inputs.Dormancy Tracking' | translate}}</h3>
 
-    <mat-checkbox fxFlex="73%" labelPosition="before" matTooltip="Enables definition and tracking inactive Savings Accounts" formControlName="isDormancyTrackingActive" class="margin-b">
+    <mat-checkbox fxFlex="73%" labelPosition="before" matTooltip="{{ 'tooltips.Enables definition and tracking inactive Savings Accounts' | translate}}" formControlName="isDormancyTrackingActive" class="margin-b">
       {{'labels.inputs.Enable Dormancy Tracking' | translate}}
     </mat-checkbox>
 
@@ -95,7 +95,7 @@
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Number of Days to Inactive sub-status' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Consecutive Number of Days of inactive period to mark an account as Inactive" formControlName="daysToInactive" required>
+        <input type="number" matInput matTooltip="{{ 'tooltips.Inactive period to mark an account as Inactive' | translate}}" formControlName="daysToInactive" required>
         <mat-error>
           {{'labels.inputs.Number of Days to Inactive sub-status' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
         </mat-error>
@@ -103,7 +103,7 @@
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Number of Days to Dormant sub-status' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Consecutive Number of Days of inactive period to mark an account as Dormant" formControlName="daysToDormancy" required>
+        <input type="number" matInput matTooltip="{{ 'tooltips.Inactive period to mark an account as Dormant' | translate}}" formControlName="daysToDormancy" required>
         <mat-error>
           {{'labels.inputs.Number of Days to Dormant sub-status' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
         </mat-error>
@@ -111,7 +111,7 @@
 
       <mat-form-field fxFlex="31%">
         <mat-label>{{'labels.inputs.Number of Days to Escheat' | translate}}</mat-label>
-        <input type="number" matInput matTooltip="Consecutive Number of Days of inactive period to mark an account as Escheat" formControlName="daysToEscheat" required>
+        <input type="number" matInput matTooltip="{{ 'tooltips.Inactive period to mark an account as Escheat' | translate}}" formControlName="daysToEscheat" required>
         <mat-error>
           {{'labels.inputs.Number of Days to Escheat' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
         </mat-error>

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

@@ -4,7 +4,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Nominal Annual Interest' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="The default interest rate set when creating savings accounts" formControlName="nominalAnnualInterestRate" required>
+      <input type="number" matInput matTooltip="{{ 'tooltips.The default interest rate set' | translate}}" formControlName="nominalAnnualInterestRate" required>
       <mat-error>
         {{'labels.inputs.Nominal Annual Interest' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -14,7 +14,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Interest Compounding Period' | translate}}</mat-label>
-      <mat-select formControlName="interestCompoundingPeriodType" matTooltip="The period at which interest rate is compounded" required>
+      <mat-select formControlName="interestCompoundingPeriodType" matTooltip="{{ 'tooltips.The period at which interest rate' | translate}}" required>
         <mat-option *ngFor="let interestCompoundingPeriodType of interestCompoundingPeriodTypeData" [value]="interestCompoundingPeriodType.id">
           {{ interestCompoundingPeriodType.value | translateKey:'catalogs' }}
         </mat-option>
@@ -26,7 +26,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Interest Posting Period' | translate}}</mat-label>
-      <mat-select formControlName="interestPostingPeriodType" matTooltip="The period at which interest rate is posted or credited to a saving account" required>
+      <mat-select formControlName="interestPostingPeriodType" matTooltip="{{ 'tooltips.Interest rate is posted or credited to a saving account' | translate}}" required>
         <mat-option *ngFor="let interestPostingPeriodType of interestPostingPeriodTypeData" [value]="interestPostingPeriodType.id">
           {{ interestPostingPeriodType.value | translateKey:'catalogs' }}
         </mat-option>
@@ -38,7 +38,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Interest Calculated using' | translate}}</mat-label>
-      <mat-select formControlName="interestCalculationType" matTooltip="The method used to calculate interest" required>
+      <mat-select formControlName="interestCalculationType" matTooltip="{{ 'tooltips.The method used to calculate interest' | translate}}" required>
         <mat-option *ngFor="let interestCalculationType of interestCalculationTypeData" [value]="interestCalculationType.id">
           {{ interestCalculationType.value | translateKey:'catalogs' }}
         </mat-option>
@@ -50,7 +50,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Days in Year' | translate}}</mat-label>
-      <mat-select formControlName="interestCalculationDaysInYearType" matTooltip="The setting for number of days in year to use to calculate interest" required>
+      <mat-select formControlName="interestCalculationDaysInYearType" matTooltip="{{ 'tooltips.To calculate interest' | translate}}" required>
         <mat-option *ngFor="let interestCalculationDaysInYearType of interestCalculationDaysInYearTypeData" [value]="interestCalculationDaysInYearType.id">
           {{ interestCalculationDaysInYearType.value | translateKey:'catalogs' }}
         </mat-option>

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

@@ -4,7 +4,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Currency' | translate}}</mat-label>
-      <mat-select matTooltip="The currency to be used" formControlName="currencyCode" required>
+      <mat-select matTooltip="{{ 'tooltips.The currency to be used' | translate}}" formControlName="currencyCode" required>
         <mat-option *ngFor="let currency of currencyData" [value]="currency.code">
           {{ currency.name }}
         </mat-option>
@@ -16,7 +16,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Decimal Places' | translate}}</mat-label>
-      <input type="number" matTooltip="The number of decimal places to be used to track and report on share accounts" matInput formControlName="digitsAfterDecimal" required>
+      <input type="number" matTooltip="{{ 'tooltips.Track and report on share accounts' | translate}}" matInput formControlName="digitsAfterDecimal" required>
       <mat-error>
         {{'labels.inputs.Decimal Places' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>
@@ -24,7 +24,7 @@
 
     <mat-form-field fxFlex="48%">
       <mat-label>{{'labels.inputs.Currency in multiples of' | translate}}</mat-label>
-      <input type="number" matInput matTooltip="The amount to be rounded off (example: 100 rounds off to 200, 300, 400, etc)" formControlName="inMultiplesOf" required>
+      <input type="number" matInput matTooltip="{{ 'tooltips.Amount to be rounded off' | translate}}" formControlName="inMultiplesOf" required>
       <mat-error>
         {{'labels.inputs.Currency in multiples of' | translate}} {{'labels.commons.is' | translate}} <strong>{{'labels.commons.required' | translate}}</strong>
       </mat-error>

src/app/savings/gsim-account/gsim-account.component.html

@@ -32,25 +32,25 @@
           <td mat-cell *matCellDef="let element">
             <button *ngIf="element.status.active" class="account-action-button" mat-raised-button color="primary"
               (click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Deposit']">
-              <i class="fa fa-arrow-up" matTooltip="Deposit"></i>
+              <i class="fa fa-arrow-up" matTooltip="{{ 'tooltips.Deposit' | translate}}"></i>
             </button>
             <button *ngIf="element.status.active" class="account-action-button" mat-raised-button color="primary"
               (click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Withdrawal']">
-              <i class="fa fa-arrow-down" matTooltip="Withdraw"></i>
+              <i class="fa fa-arrow-down" matTooltip="{{ 'tooltips.Withdraw' | translate}}"></i>
             </button>
             <button *ngIf="element.status.submittedAndPendingApproval" class="account-action-button" mat-raised-button color="primary"
               (click)="routeEdit($event)" [routerLink]="['../','savings-accounts', element.id, 'actions', 'Approve']">
-              <i class="fa fa-check" matTooltip="Approve"></i>
+              <i class="fa fa-check" matTooltip="{{ 'tooltips.Approve' | translate}}"></i>
             </button>
             <button *ngIf="!element.status.submittedAndPendingApproval && !element.status.active"
               class="account-action-button" mat-raised-button color="primary"
               (click)="routeEdit($event)" [routerLink]="['../../../','savings-accounts', element.id, 'actions', 'Undo Approval']">
-              <i class="fa fa-undo" matTooltip="Undo Approval"></i>
+              <i class="fa fa-undo" matTooltip="{{ 'tooltips.Undo Approval' | translate}}"></i>
             </button>
             <button *ngIf="!element.status.submittedAndPendingApproval && !element.status.active"
               class="account-action-button" mat-raised-button color="primary"
               (click)="routeEdit($event)" [routerLink]="['../../', element.id, 'actions', 'Activate']">
-              <i class="fa fa-check-circle" matTooltip="Activate"></i>
+              <i class="fa fa-check-circle" matTooltip="{{ 'tooltips.Activate' | translate}}"></i>
             </button>
           </td>
         </ng-container>

src/app/shared/notifications-tray/notifications-tray.component.html

@@ -1,5 +1,5 @@
 <button
-  mat-icon-button class="ml-1" matTooltip="Notifications"
+  mat-icon-button class="ml-1" matTooltip="{{ 'tooltips.Notifications' | translate}}"
   [matMenuTriggerFor]="notificationsMenu" (menuClosed)="menuClosed()"
   [matBadge]="unreadNotifications.length" [matBadgeHidden]="!unreadNotifications.length" matBadgeColor="warn"  matBadgeSize="medium"
 >

src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html

@@ -51,10 +51,10 @@
     <ng-container matColumnDef="details">
       <th mat-header-cell *matHeaderCellDef> {{"labels.heading.Details" | translate}} </th>
       <td mat-cell *matCellDef="let loan" class="view-details">
-        <button mat-icon-button class="error-log" matTooltip="Error details" (click)="showDetails(loan)" matTooltipPosition="left">
+        <button mat-icon-button class="error-log" matTooltip="{{ 'tooltips.Error details' | translate}}" (click)="showDetails(loan)" matTooltipPosition="left">
           <fa-icon icon="exclamation-circle" size="lg"></fa-icon>
         </button>
-        <button mat-icon-button matTooltip="View Loan Account" (click)="viewLoanAccount(loan)" matTooltipPosition="right">
+        <button mat-icon-button matTooltip="{{ 'tooltips.View Loan Account' | translate}}" (click)="viewLoanAccount(loan)" matTooltipPosition="right">
           <fa-icon icon="eye" size="lg"></fa-icon>
         </button>
       </td>

src/app/system/manage-jobs/scheduler-jobs/view-history-scheduler-job/view-history-scheduler-job.component.html

@@ -30,8 +30,8 @@
       <ng-container matColumnDef="status">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Status' | translate }} </th>
         <td mat-cell *matCellDef="let jobHistoryData">
-          <fa-icon *ngIf="jobHistoryData.status === 'success'" class="success" matTooltip="Successful" matTooltipPosition="right" icon="check-circle" size="lg"></fa-icon>
+          <fa-icon *ngIf="jobHistoryData.status === 'success'" class="success" matTooltip="{{ 'tooltips.Successful' | translate}}" matTooltipPosition="right" icon="check-circle" size="lg"></fa-icon>
-          <fa-icon *ngIf="!(jobHistoryData.status == 'success')" class="fail" matTooltip="Failed" matTooltipPosition="right" icon="times-circle" size="lg"></fa-icon>
+          <fa-icon *ngIf="!(jobHistoryData.status == 'success')" class="fail" matTooltip="{{ 'tooltips.Failed' | translate}}" matTooltipPosition="right" icon="times-circle" size="lg"></fa-icon>
         </td>
       </ng-container>
 
@@ -43,7 +43,7 @@
       <ng-container matColumnDef="error_log">
         <th mat-header-cell *matHeaderCellDef mat-sort-header> {{ 'labels.inputs.Error Log' | translate }} </th>
         <td mat-cell *matCellDef="let jobHistoryData">
-          <button mat-icon-button class="errorlog" *ngIf="!(jobHistoryData.status == 'success')" matTooltip="Error Log" matTooltipPosition="right" (click)="openError(jobHistoryData.version)">
+          <button mat-icon-button class="errorlog" *ngIf="!(jobHistoryData.status == 'success')" matTooltip="{{ 'tooltips.Error Log' | translate}}" matTooltipPosition="right" (click)="openError(jobHistoryData.version)">
             <fa-icon icon="exclamation-circle" size="lg"></fa-icon>
           </button>
         </td>

src/app/system/manage-jobs/workflow-jobs/workflow-jobs.component.html

@@ -33,7 +33,7 @@
       <ng-container matColumnDef="actions">
         <th mat-header-cell *matHeaderCellDef> {{ "labels.inputs.Actions" | translate}} </th>
         <td mat-cell *matCellDef="let row; let rowIndex = index">
-          <button type="button" mat-icon-button color="warn" (click)="removeJobStep(rowIndex)" matTooltip="Delete"
+          <button type="button" mat-icon-button color="warn" (click)="removeJobStep(rowIndex)" matTooltip="{{ 'tooltips.Delete' | translate}}"
             matTooltipPosition="left">
             <fa-icon icon="trash"></fa-icon>
           </button>