feat:Navigation Translate Module (#1811)

src/app/navigation/group-navigation/group-navigation.component.html

@@ -12,7 +12,7 @@
       </mat-card-title>
       <mat-card-subtitle>
         <p>
-          Account No: {{ groupData.accountNo }} {{ groupData.externalId ? '| External ID: ' + groupData.externalId : '' }}
+          {{"labels.inputs.Account No"  |translate}}: {{ groupData.accountNo }} {{ groupData.externalId ? '| External ID: ' + groupData.externalId : '' }}
         </p>
       </mat-card-subtitle>
     </div>
@@ -25,7 +25,7 @@
         <div fxLayout="row wrap" class="content">
 
           <div fxFlex="50%" class="mat-body-strong">
-            Activation Date
+            {{"labels.inputs.Activation Date"  |translate}}
           </div>
   
           <div fxFlex="50%">
@@ -33,7 +33,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Associated Officer
+            {{"labels.inputs.Associated Officer"  |translate}}
           </div>
   
           <div fxFlex="50%">
@@ -41,7 +41,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.centerName">
-            Associated Center
+            {{"labels.inputs.Associated Center"  |translate}}
           </div>
   
           <div fxFlex="50%" *ngIf="groupData.centerName">
@@ -49,7 +49,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]">
-            Next Meeting Date
+            {{"labels.inputs.Next Meeting Date"  |translate}}
           </div>
   
           <div fxFlex="50%" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.nextTenRecurringDates[0]">
@@ -57,7 +57,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable">
-            Meeting Frequency
+            {{"labels.inputs.Meeting Frequency"  |translate}}
           </div>
   
           <div fxFlex="50%" *ngIf="groupData.collectionMeetingCalendar && groupData.collectionMeetingCalendar.humanReadable">
@@ -65,7 +65,7 @@
           </div>
 
           <div fxFlex="50%" class="mat-body-strong">
-            Number of Clients
+            {{"labels.inputs.Number of Clients"  |translate}}
           </div>
   
           <div fxFlex="50%">