complete the translation of

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

@@ -1,53 +1,53 @@
 <div class="container">
 
     <mat-horizontal-stepper class="mat-elevation-z8" labelPosition="bottom" #savingProductStepper>
-  
+
       <ng-template matStepperIcon="number">
         <fa-icon icon="pencil-alt" size="sm"></fa-icon>
       </ng-template>
-  
+
       <ng-template matStepperIcon="edit">
         <fa-icon icon="pencil-alt" size="sm"></fa-icon>
       </ng-template>
-  
+
       <ng-template matStepperIcon="done">
         <fa-icon icon="check" size="sm"></fa-icon>
       </ng-template>
-  
+
       <ng-template matStepperIcon="error">
         <fa-icon icon="exclamation-triangle" size="lg"></fa-icon>
       </ng-template>
-  
+
       <ng-template matStepperIcon="preview">
         <fa-icon icon="eye" size="sm"></fa-icon>
       </ng-template>
-  
+
       <mat-step [stepControl]="savingsAccountDetailsForm">
-  
-        <ng-template matStepLabel>DETAILS</ng-template>
-  
+
+        <ng-template matStepLabel>{{'labels.inputs.DETAILS' | translate}}</ng-template>
+
         <mifosx-savings-account-details-step
-          [savingsAccountTemplate]="savingsAccountTemplate" 
+          [savingsAccountTemplate]="savingsAccountTemplate"
           (savingsAccountProductTemplate)="setTemplate($event)"
         >
         </mifosx-savings-account-details-step>
-  
+
       </mat-step>
-  
+
       <mat-step [stepControl]="savingsAccountTermsForm">
-  
-        <ng-template matStepLabel>TERMS</ng-template>
-  
-        <mifosx-savings-account-terms-step 
+
+        <ng-template matStepLabel>{{'labels.inputs.TERMS' | translate}}</ng-template>
+
+        <mifosx-savings-account-terms-step
           [savingsAccountProductTemplate]="savingsAccountProductTemplate"
         ></mifosx-savings-account-terms-step>
-  
+
       </mat-step>
-  
+
       <mat-step>
-  
-        <ng-template matStepLabel>CHARGES</ng-template>
-  
+
+        <ng-template matStepLabel>{{'labels.inputs.CHARGES' | translate}}</ng-template>
+
         <mifosx-savings-account-charges-step
           [savingsAccountProductTemplate]="savingsAccountProductTemplate"
           [savingsAccountTemplate]="savingsAccountTemplate"
@@ -55,13 +55,13 @@
           [activeClientMembers]="activeClientMembers"
         >
         </mifosx-savings-account-charges-step>
-  
+
       </mat-step>
-  
+
       <mat-step *ngIf="savingsAccountFormValid" completed>
-  
-        <ng-template matStepLabel>PREVIEW</ng-template>
-  
+
+        <ng-template matStepLabel>{{ 'labels.inputs.PREVIEW' | translate }}</ng-template>
+
         <mifosx-savings-account-preview-step
           [savingsAccountProductTemplate]="savingsAccountProductTemplate"
           [savingsAccountTemplate]="savingsAccountTemplate"
@@ -70,10 +70,9 @@
           (submit)="submit()"
         >
         </mifosx-savings-account-preview-step>
-  
+
       </mat-step>
-  
+
     </mat-horizontal-stepper>
-  
+
   </div>
-  

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

@@ -1,34 +1,34 @@
 <div class="tab-container mat-typography">
 
     <div style="margin-top: 5px;">
-  
-      <h2> GSIM Account Overview</h2>
-  
+
+      <h2>{{ 'labels.heading.GSIM Account Overview' | translate }}</h2>
+
       <table mat-table [dataSource]="dataSource">
-  
+
         <ng-container matColumnDef="clientDetails">
-          <th mat-header-cell *matHeaderCellDef> Client Details </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Client' | translate}} {{'labels.inputs.Details' | translate}} </th>
           <td mat-cell *matCellDef="let element">
             {{element.displayName}} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="savingsAccount">
-          <th mat-header-cell *matHeaderCellDef> Saving Account </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Saving Account' | translate}} </th>
           <td mat-cell *matCellDef="let element"><i class="fa fa-stop" [ngClass]="element.status.code|statusLookup" [matTooltip]="element.status.value"></i> {{element.accountNo}} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="products">
-          <th mat-header-cell *matHeaderCellDef> Products </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.menus.Products' | translate}} </th>
           <td mat-cell *matCellDef="let element"> {{element.productName}} </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="balance">
-          <th mat-header-cell *matHeaderCellDef> Balance </th>
+          <th mat-header-cell *matHeaderCellDef> {{'labels.inputs.Balance' | translate}} </th>
           <td mat-cell *matCellDef="let element" >  </td>
         </ng-container>
-  
+
         <ng-container matColumnDef="Actions">
-          <th mat-header-cell *matHeaderCellDef> Actions </th>
+          <th mat-header-cell *matHeaderCellDef> {{ 'labels.inputs.Actions' | translate }} </th>
           <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']">
@@ -54,13 +54,12 @@
             </button>
           </td>
         </ng-container>
-  
+
         <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
         <tr mat-row  [routerLink]="['../../', row.id, 'transactions']" *matRowDef="let row; columns: displayedColumns;"></tr>
-  
+
       </table>
-  
+
       <mat-paginator [pageSizeOptions]="[10, 20, 25]" showFirstLastButtons></mat-paginator>
-  
+
   </div>
-