i18n: Adding new languages: Part 1 (#1882)

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/groups/groups-routing.module.ts

@@ -5,9 +5,6 @@ import { Routes, RouterModule } from '@angular/router';
 /** Routing Imports */
 import { Route } from '../core/route/route.service';
 
-/** Translation Imports */
-import { extract } from '../core/i18n/i18n.service';
-
 /** Custom Imports */
 import { GroupsComponent } from './groups.component';
 import { GroupsViewComponent } from './groups-view/groups-view.component';
@@ -38,7 +35,7 @@ const routes: Routes = [
   Route.withShell([
     {
       path: 'groups',
-      data: { title: extract('Groups'), breadcrumb: 'Groups', routeParamBreadcrumb: false },
+      data: { title: 'Groups', breadcrumb: 'Groups', routeParamBreadcrumb: false },
       children: [
         {
           path: '',
@@ -47,14 +44,14 @@ const routes: Routes = [
         {
           path: 'create',
           component: CreateGroupComponent,
-          data: { title: extract('Create Group'), breadcrumb: 'Create', routeParamBreadcrumb: false },
+          data: { title: 'Create Group', breadcrumb: 'Create', routeParamBreadcrumb: false },
           resolve: {
             offices: OfficesResolver
           }
         },
         {
           path: ':groupId',
-          data: { title: extract('View Group'), routeParamBreadcrumb: 'groupId' },
+          data: { title: 'View Group', routeParamBreadcrumb: 'groupId' },
           resolve: {
             groupViewData: GroupViewResolver
           },
@@ -75,7 +72,7 @@ const routes: Routes = [
                 {
                   path: 'general',
                   component: GeneralTabComponent,
-                  data: { title: extract('General'), breadcrumb: 'General', routeParamBreadcrumb: false },
+                  data: { title: 'General', breadcrumb: 'General', routeParamBreadcrumb: false },
                   resolve: {
                     groupAccountsData: GroupAccountsResolver,
                     groupSummary: GroupSummaryResolver,
@@ -86,7 +83,7 @@ const routes: Routes = [
                 {
                   path: 'notes',
                   component: NotesTabComponent,
-                  data: { title: extract('Notes'), breadcrumb: 'Notes', routeParamBreadcrumb: false },
+                  data: { title: 'Notes', breadcrumb: 'Notes', routeParamBreadcrumb: false },
                   resolve: {
                     groupNotes: GroupNotesResolver
                   }
@@ -94,7 +91,7 @@ const routes: Routes = [
                 {
                   path: 'committee',
                   component: CommitteeTabComponent,
-                  data: { title: extract('Committee'), breadcrumb: 'Committee', routeParamBreadcrumb: false }
+                  data: { title: 'Committee', breadcrumb: 'Committee', routeParamBreadcrumb: false }
                 },
                 {
                   path: 'datatables',
@@ -102,7 +99,7 @@ const routes: Routes = [
                     {
                       path: ':datatableName',
                       component: DatatableTabsComponent,
-                      data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName' },
+                      data: { title: 'View Data Table', routeParamBreadcrumb: 'datatableName' },
                       resolve: {
                         groupDatatable: GroupDatatableResolver
                       }
@@ -114,7 +111,7 @@ const routes: Routes = [
             {
               path: 'edit',
               component: EditGroupComponent,
-              data: { title: extract('Edit Group'), breadcrumb: 'Edit', routeParamBreadcrumb: false },
+              data: { title: 'Edit Group', breadcrumb: 'Edit', routeParamBreadcrumb: false },
               resolve: {
                 groupAndTemplateData: GroupDataAndTemplateResolver,
                 groupViewData: GroupViewResolver
@@ -129,7 +126,7 @@ const routes: Routes = [
                 },
                 {
                   path: 'add-role',
-                  data: { title: extract('Add Role'), breadcrumb: 'Add Role', routeParamBreadcrumb: false },
+                  data: { title: 'Add Role', breadcrumb: 'Add Role', routeParamBreadcrumb: false },
                   component: AddRoleComponent,
                   resolve: {
                     groupAndTemplateData: GroupDataAndTemplateResolver
@@ -139,7 +136,7 @@ const routes: Routes = [
             },
             {
               path: 'actions/:action',
-              data: { title: extract('Group Actions'), breadcrumb: 'action', routeParamBreadcrumb: 'action' },
+              data: { title: 'Group Actions', breadcrumb: 'action', routeParamBreadcrumb: 'action' },
               component: GroupActionsComponent,
               resolve: {
                 groupActionData: GroupActionsResolver

src/app/groups/groups-view/general-tab/general-tab.component.html

@@ -160,7 +160,7 @@
 
       <ng-container matColumnDef="Original Loan">
         <th mat-header-cell *matHeaderCellDef> Original Loan </th>
-        <td mat-cell *matCellDef="let element"> {{element.lastActiveTransactionDate  | dateFormat}} </td>
+        <td mat-cell *matCellDef="let element"> {{element.lastActiveTransactionDate | dateFormat}} </td>
       </ng-container>
 
       <ng-container matColumnDef="Loan Balance">
@@ -183,7 +183,7 @@
 
       <ng-container matColumnDef="Closed Date">
         <th mat-header-cell *matHeaderCellDef> Closed Date </th>
-        <td mat-cell *matCellDef="let element">{{element.timeline.closedOnDate  | dateFormat}}</td>
+        <td mat-cell *matCellDef="let element">{{element.timeline.closedOnDate | dateFormat}}</td>
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="closedLoansColumns"></tr>
@@ -312,7 +312,7 @@
 
       <ng-container matColumnDef="Last Active">
         <th mat-header-cell *matHeaderCellDef> Last Active </th>
-        <td mat-cell *matCellDef="let element"> {{element.lastActiveTransactionDate  | dateFormat}} </td>
+        <td mat-cell *matCellDef="let element"> {{element.lastActiveTransactionDate | dateFormat}} </td>
       </ng-container>
 
       <ng-container matColumnDef="Balance">
@@ -370,7 +370,7 @@
 
       <ng-container matColumnDef="Closed Date">
         <th mat-header-cell *matHeaderCellDef> Closed Date </th>
-        <td mat-cell *matCellDef="let element">{{element.timeline.closedOnDate  | dateFormat}}</td>
+        <td mat-cell *matCellDef="let element">{{element.timeline.closedOnDate | dateFormat}}</td>
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="closedSavingsColumns"></tr>

src/app/groups/groups-view/group-actions/edit-group-meeting-schedule/edit-group-meeting-schedule.component.html

@@ -12,7 +12,7 @@
           <mat-label>Existing Meeting Date</mat-label>
           <mat-select formControlName="presentMeetingDate">
             <mat-option *ngFor="let date of nextMeetingDates" [value]="date">
-              {{ date  | dateFormat }}
+              {{ date | dateFormat }}
             </mat-option>
           </mat-select>
           <mat-error *ngIf="groupEditMeetingScheduleForm.controls.presentMeetingDate.hasError('repeatsOnDay')">
@@ -29,7 +29,7 @@
             Revised Meeting Date is <strong>required</strong>
           </mat-error>
         </mat-form-field>
-  
+
         </div>
 
       </mat-card-content>

src/app/groups/groups-view/group-actions/group-attendance/group-attendance.component.html

@@ -6,10 +6,10 @@
       <mat-label>Meeting Date</mat-label>
       <mat-select [formControl]="meetingDate">
         <mat-option *ngFor="let date of meetingDates" [value]="date">
-          {{ date  | dateFormat }}
+          {{ date | dateFormat }}
         </mat-option>
       </mat-select>
-      <mat-hint>Next Meeting on: {{ this.groupData.collectionMeetingCalendar.nextTenRecurringDates[0]  | dateFormat }}</mat-hint>
+      <mat-hint>Next Meeting on: {{ this.groupData.collectionMeetingCalendar.nextTenRecurringDates[0] | dateFormat }}</mat-hint>
     </mat-form-field>
 
     <table class="mat-elevation-z1" mat-table [dataSource]="dataSource">

src/app/groups/groups-view/group-actions/group-transfer-clients/group-transfer-clients.component.html

@@ -31,7 +31,7 @@
               Destination Group is <strong>required</strong>
             </mat-error>
           </mat-form-field>
-  
+
         </div>
 
         <mat-autocomplete autoActiveFirstOption #groupsAutocomplete="matAutocomplete" [displayWith]="displayGroup">
@@ -54,7 +54,7 @@
           </div>
           <div class="mat-row">
             <div class="mat-cell">Activation Date</div>
-            <div class="mat-cell">{{(transferClientsForm.get('destinationGroupId').value.activationDate  | dateFormat) || 'Not Activated'}}</div>
+            <div class="mat-cell">{{(transferClientsForm.get('destinationGroupId').value.activationDate | dateFormat) || 'Not Activated'}}</div>
           </div>
           <div class="mat-row">
             <div class="mat-cell">Staff</div>

src/app/groups/groups-view/group-actions/manage-group-members/manage-group-members.component.html

@@ -59,7 +59,7 @@
 
   <mat-card-actions>
     <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="2%" fxLayout.lt-md="column">
-      <button type="button" mat-raised-button color="primary" [routerLink]="['../..']">{{ 'Back' | translate }}</button>
+      <button type="button" mat-raised-button color="primary" [routerLink]="['../..']">{{ 'Back' | translate}}</button>
     </div>
   </mat-card-actions>