build: Use prettier for typescript

Stop ignoring .ts files in prettier and fix existing issues.

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

@@ -28,7 +28,6 @@ import { CenterDataAndTemplateResolver } from './common-resolvers/center-data-an
 
 const routes: Routes = [
   Route.withShell([
-
     {
       path: 'centers',
       data: { title: 'Centers', breadcrumb: 'Centers' },
@@ -42,14 +41,14 @@ const routes: Routes = [
           component: CreateCenterComponent,
           data: { title: 'Create Center', breadcrumb: 'Create' },
           resolve: {
-            offices: OfficesResolver,
+            offices: OfficesResolver
           }
         },
         {
           path: ':centerId',
           data: { title: 'Centers View', routeParamBreadcrumb: 'centerId' },
           resolve: {
-            centerViewData: CenterViewResolver,
+            centerViewData: CenterViewResolver
           },
           children: [
             {
@@ -80,14 +79,16 @@ const routes: Routes = [
                 },
                 {
                   path: 'datatables',
-                  children: [{
-                    path: ':datatableName',
-                    component: DatatableTabComponent,
-                    data: { title: 'Data Table View', routeParamBreadcrumb: 'datatableName' },
-                    resolve: {
-                      centerDatatable: CenterDatatableResolver
+                  children: [
+                    {
+                      path: ':datatableName',
+                      component: DatatableTabComponent,
+                      data: { title: 'Data Table View', routeParamBreadcrumb: 'datatableName' },
+                      resolve: {
+                        centerDatatable: CenterDatatableResolver
+                      }
                     }
-                  }]
+                  ]
                 }
               ]
             },
@@ -96,7 +97,7 @@ const routes: Routes = [
               component: EditCenterComponent,
               data: { title: 'Edit Center', breadcrumb: 'Edit', routeParamBreadcrumb: 'Edit' },
               resolve: {
-                centerData: CenterDataAndTemplateResolver,
+                centerData: CenterDataAndTemplateResolver
               }
             },
             {
@@ -109,13 +110,14 @@ const routes: Routes = [
             },
             {
               path: 'savings-accounts',
-              loadChildren: () => import('../savings/savings.module').then(m => m.SavingsModule)
+              loadChildren: () => import('../savings/savings.module').then((m) => m.SavingsModule)
             }
           ]
         }
       ]
     }
   ])
+
 ];
 
 @NgModule({
@@ -134,4 +136,4 @@ const routes: Routes = [
     CenterDataAndTemplateResolver
   ]
 })
-export class CentersRoutingModule { }
+export class CentersRoutingModule {}

src/app/centers/centers-view/center-actions/activate-center/activate-center.component.spec.ts

@@ -8,9 +8,8 @@ describe('ActivateCenterComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ActivateCenterComponent ]
-    })
-    .compileComponents();
+      declarations: [ActivateCenterComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/activate-center/activate-center.component.ts

@@ -17,7 +17,6 @@ import { SettingsService } from 'app/settings/settings.service';
   styleUrls: ['./activate-center.component.scss']
 })
 export class ActivateCenterComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -35,12 +34,14 @@ export class ActivateCenterComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              private dateUtils: Dates,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    private dateUtils: Dates,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.centerId = this.route.parent.snapshot.params['centerId'];
   }
 
@@ -57,7 +58,10 @@ export class ActivateCenterComponent implements OnInit {
    */
   createActivateCenterForm() {
     this.activateCenterForm = this.formBuilder.group({
-      'activationDate': [new Date(), Validators.required]
+      activationDate: [
+        new Date(),
+        Validators.required
+      ]
     });
   }
 
@@ -82,5 +86,4 @@ export class ActivateCenterComponent implements OnInit {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
   }
-
 }

src/app/centers/centers-view/center-actions/attach-center-meeting/attach-center-meeting.component.spec.ts

@@ -8,9 +8,8 @@ describe('AttachCenterMeetingComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ AttachCenterMeetingComponent ]
-    })
-    .compileComponents();
+      declarations: [AttachCenterMeetingComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/attach-center-meeting/attach-center-meeting.component.ts

@@ -17,7 +17,6 @@ import { SettingsService } from 'app/settings/settings.service';
   styleUrls: ['./attach-center-meeting.component.scss']
 })
 export class AttachCenterMeetingComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -44,12 +43,14 @@ export class AttachCenterMeetingComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              private dateUtils: Dates,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    private dateUtils: Dates,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.calendarTemplate = data.centersActionData;
       this.frequencyOptions = this.calendarTemplate.frequencyOptions;
@@ -69,8 +70,11 @@ export class AttachCenterMeetingComponent implements OnInit {
    */
   createCenterMeetingForm() {
     this.centerMeetingForm = this.formBuilder.group({
-      'startDate': ['', Validators.required],
-      'repeating': [false]
+      startDate: [
+        '',
+        Validators.required
+      ],
+      repeating: [false]
     });
   }
 
@@ -86,23 +90,49 @@ export class AttachCenterMeetingComponent implements OnInit {
           this.centerMeetingForm.removeControl('repeatsOnDay');
           switch (frequency) {
             case 1: // Daily
-              this.repetitionIntervals = ['1', '2', '3'];
-            break;
+              this.repetitionIntervals = [
+                '1',
+                '2',
+                '3'
+              ];
+              break;
             case 2: // Weekly
-              this.repetitionIntervals = ['1', '2', '3'];
+              this.repetitionIntervals = [
+                '1',
+                '2',
+                '3'
+              ];
               this.centerMeetingForm.addControl('repeatsOnDay', new UntypedFormControl('', Validators.required));
-            break;
+              break;
             case 3: // Monthly
-              this.repetitionIntervals = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
-            break;
+              this.repetitionIntervals = [
+                '1',
+                '2',
+                '3',
+                '4',
+                '5',
+                '6',
+                '7',
+                '8',
+                '9',
+                '10',
+                '11'
+              ];
+              break;
             case 4: // Yearly
-              this.repetitionIntervals = ['1', '2', '3', '4', '5'];
-            break;
+              this.repetitionIntervals = [
+                '1',
+                '2',
+                '3',
+                '4',
+                '5'
+              ];
+              break;
           }
         });
         this.centerMeetingForm.patchValue({
-          'frequency': 1,
-          'interval': '1'
+          frequency: 1,
+          interval: '1'
         });
       } else {
         this.centerMeetingForm.removeControl('frequency');
@@ -135,5 +165,4 @@ export class AttachCenterMeetingComponent implements OnInit {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
   }
-
 }

src/app/centers/centers-view/center-actions/center-actions.component.spec.ts

@@ -8,9 +8,8 @@ describe('CenterActionsComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CenterActionsComponent ]
-    })
-    .compileComponents();
+      declarations: [CenterActionsComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/center-actions.component.ts

@@ -11,23 +11,22 @@ import { ActivatedRoute, Router } from '@angular/router';
   styleUrls: ['./center-actions.component.scss']
 })
 export class CenterActionsComponent {
-
   /** Flag object to store possible actions and render appropriate UI to the user */
   actions: {
-    'Activate': boolean,
-    'Assign Staff': boolean,
-    'Close': boolean,
-    'Attendance': boolean,
-    'Attach Meeting': boolean,
-    'Edit Meeting': boolean,
-    'Edit Meeting Schedule': boolean,
-    'Manage Groups': boolean,
-    'Staff Assignment History': boolean
+    Activate: boolean;
+    'Assign Staff': boolean;
+    Close: boolean;
+    Attendance: boolean;
+    'Attach Meeting': boolean;
+    'Edit Meeting': boolean;
+    'Edit Meeting Schedule': boolean;
+    'Manage Groups': boolean;
+    'Staff Assignment History': boolean;
   } = {
-    'Activate': false,
+    Activate: false,
     'Assign Staff': false,
-    'Close': false,
-    'Attendance': false,
+    Close: false,
+    Attendance: false,
     'Attach Meeting': false,
     'Edit Meeting': false,
     'Edit Meeting Schedule': false,
@@ -38,11 +37,12 @@ export class CenterActionsComponent {
   /**
    * @param {ActivatedRoute} route Activated Route
    */
-  constructor(private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.router.routeReuseStrategy.shouldReuseRoute = () => false;
     const name = this.route.snapshot.params['name'];
     this.actions[name] = true;
   }
-
 }

src/app/centers/centers-view/center-actions/center-assign-staff/center-assign-staff.component.spec.ts

@@ -8,9 +8,8 @@ describe('CenterAssignStaffComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CenterAssignStaffComponent ]
-    })
-    .compileComponents();
+      declarations: [CenterAssignStaffComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/center-assign-staff/center-assign-staff.component.ts

@@ -15,7 +15,6 @@ import { CentersService } from 'app/centers/centers.service';
   styleUrls: ['./center-assign-staff.component.scss']
 })
 export class CenterAssignStaffComponent implements OnInit {
-
   /** Center Assign Staff form. */
   centerAssignStaffForm: UntypedFormGroup;
   /** Field Officer Data */
@@ -30,10 +29,12 @@ export class CenterAssignStaffComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.centerData = data.centersActionData;
     });
@@ -52,7 +53,7 @@ export class CenterAssignStaffComponent implements OnInit {
    */
   createCenterAssignStaffForm() {
     this.centerAssignStaffForm = this.formBuilder.group({
-      'staffId': ['']
+      staffId: ['']
     });
   }
 
@@ -60,10 +61,10 @@ export class CenterAssignStaffComponent implements OnInit {
    * Submits the form and assigns staff for the center.
    */
   submit() {
-    this.centersService.executeGroupActionCommand(this.centerData.id, 'assignStaff', this.centerAssignStaffForm.value)
+    this.centersService
+      .executeGroupActionCommand(this.centerData.id, 'assignStaff', this.centerAssignStaffForm.value)
       .subscribe(() => {
         this.router.navigate(['../../'], { relativeTo: this.route });
       });
   }
-
 }

src/app/centers/centers-view/center-actions/center-attendance/center-attendance.component.spec.ts

@@ -8,9 +8,8 @@ describe('CenterAttendanceComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CenterAttendanceComponent ]
-    })
-    .compileComponents();
+      declarations: [CenterAttendanceComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/center-attendance/center-attendance.component.ts

@@ -26,7 +26,6 @@ import { SelectBase } from 'app/shared/form-dialog/formfield/model/select-base';
   styleUrls: ['./center-attendance.component.scss']
 })
 export class CenterAttendanceComponent implements OnInit {
-
   /** Members data. */
   membersData: any;
   /** Center Data */
@@ -34,7 +33,10 @@ export class CenterAttendanceComponent implements OnInit {
   /** Attendance Type Options */
   attendanceTypeOptions: any;
   /** Columns to be displayed in member's attendance table. */
-  displayedColumns: string[] = ['name', 'attendance'];
+  displayedColumns: string[] = [
+    'name',
+    'attendance'
+  ];
   /** Start Date Form Control */
   meetingDate = new UntypedFormControl();
   /** Meeting Dates Data */
@@ -55,14 +57,16 @@ export class CenterAttendanceComponent implements OnInit {
    * @param {SettingsService} settingsService Settings Service.
    * @param {MatDialog} dialog Mat Dialog
    */
-  constructor(private route: ActivatedRoute,
-              private dateUtils: Dates,
-              private router: Router,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              public dialog: MatDialog,
-              private translateService: TranslateService) {
-    this.route.data.subscribe(( data: { centersActionData: any }) => {
+  constructor(
+    private route: ActivatedRoute,
+    private dateUtils: Dates,
+    private router: Router,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    public dialog: MatDialog,
+    private translateService: TranslateService
+  ) {
+    this.route.data.subscribe((data: { centersActionData: any }) => {
       this.centerData = data.centersActionData;
       this.membersData = data.centersActionData.clients;
     });
@@ -76,8 +80,9 @@ export class CenterAttendanceComponent implements OnInit {
     if (this.membersData !== undefined && this.membersData !== null) {
       this.dataSource = this.membersData.map((member: any) => ({ clientId: member.id, attendanceType: 1 }));
     }
-    this.meetingDates = this.centerData.collectionMeetingCalendar.recurringDates
-      .filter((date: any) => new Date(date).getTime() < new Date().getTime());
+    this.meetingDates = this.centerData.collectionMeetingCalendar.recurringDates.filter(
+      (date: any) => new Date(date).getTime() < new Date().getTime()
+    );
     this.getAttendanceOptions();
   }
 
@@ -85,7 +90,8 @@ export class CenterAttendanceComponent implements OnInit {
    * Gets attendance type options based on calendar id.
    */
   getAttendanceOptions() {
-    this.centersService.getMeetingsTemplate(this.centerData.id, this.centerData.collectionMeetingCalendar.id)
+    this.centersService
+      .getMeetingsTemplate(this.centerData.id, this.centerData.collectionMeetingCalendar.id)
       .subscribe((response: any) => {
         this.attendanceTypeOptions = response.attendanceTypeOptions;
       });
@@ -103,10 +109,14 @@ export class CenterAttendanceComponent implements OnInit {
         value: member.attendanceType,
         options: { label: 'value', value: 'id', data: this.attendanceTypeOptions },
         required: false
-      }),
+      })
+
     ];
     const data = {
-      title: this.translateService.instant('labels.buttons.Assign Member') + ' ' + this.translateService.instant('labels.buttons.Attendance'),
+      title:
+        this.translateService.instant('labels.buttons.Assign Member') +
+        ' ' +
+        this.translateService.instant('labels.buttons.Attendance'),
       layout: { addButtonText: 'Confirm' },
       formfields: formfields
     };
@@ -135,9 +145,10 @@ export class CenterAttendanceComponent implements OnInit {
       dateFormat,
       locale
     };
-    this.centersService.assignCenterAttendance(this.centerData.id, this.centerData.collectionMeetingCalendar.id, data).subscribe(() => {
-      this.router.navigate(['../../'], { relativeTo: this.route });
-    });
+    this.centersService
+      .assignCenterAttendance(this.centerData.id, this.centerData.collectionMeetingCalendar.id, data)
+      .subscribe(() => {
+        this.router.navigate(['../../'], { relativeTo: this.route });
+      });
   }
-
 }

src/app/centers/centers-view/center-actions/close-center/close-center.component.spec.ts

@@ -8,9 +8,8 @@ describe('CloseCenterComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CloseCenterComponent ]
-    })
-    .compileComponents();
+      declarations: [CloseCenterComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/close-center/close-center.component.ts

@@ -17,7 +17,6 @@ import { SettingsService } from 'app/settings/settings.service';
   styleUrls: ['./close-center.component.scss']
 })
 export class CloseCenterComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -37,12 +36,14 @@ export class CloseCenterComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              private dateUtils: Dates,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    private dateUtils: Dates,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.route.data.subscribe((data: { centeractionData: any }) => {
       this.closureData = data.centeractionData.closureReasons;
     });
@@ -59,8 +60,14 @@ export class CloseCenterComponent implements OnInit {
    */
   createCloseCenterForm() {
     this.closeCenterForm = this.formBuilder.group({
-      'closureDate': ['', Validators.required],
-      'closureReasonId': ['', Validators.required]
+      closureDate: [
+        '',
+        Validators.required
+      ],
+      closureReasonId: [
+        '',
+        Validators.required
+      ]
     });
   }
 
@@ -84,5 +91,4 @@ export class CloseCenterComponent implements OnInit {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
   }
-
 }

src/app/centers/centers-view/center-actions/edit-center-meeting-schedule/edit-center-meeting-schedule.component.spec.ts

@@ -8,9 +8,8 @@ describe('EditCenterMeetingScheduleComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ EditCenterMeetingScheduleComponent ]
-    })
-    .compileComponents();
+      declarations: [EditCenterMeetingScheduleComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/edit-center-meeting-schedule/edit-center-meeting-schedule.component.ts

@@ -17,7 +17,6 @@ import { SettingsService } from 'app/settings/settings.service';
   styleUrls: ['./edit-center-meeting-schedule.component.scss']
 })
 export class EditCenterMeetingScheduleComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -42,12 +41,14 @@ export class EditCenterMeetingScheduleComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              private dateUtils: Dates,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    private dateUtils: Dates,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.calendarTemplate = data.centersActionData;
       this.nextMeetingDates = this.calendarTemplate.nextTenRecurringDates;
@@ -66,8 +67,14 @@ export class EditCenterMeetingScheduleComponent implements OnInit {
    */
   createEditMeetingScheduleForm() {
     this.centerEditMeetingScheduleForm = this.formBuilder.group({
-      'presentMeetingDate': ['', Validators.required],
-      'newMeetingDate': ['', Validators.required]
+      presentMeetingDate: [
+        '',
+        Validators.required
+      ],
+      newMeetingDate: [
+        '',
+        Validators.required
+      ]
     });
   }
 
@@ -97,5 +104,4 @@ export class EditCenterMeetingScheduleComponent implements OnInit {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
   }
-
 }

src/app/centers/centers-view/center-actions/edit-center-meeting/edit-center-meeting.component.spec.ts

@@ -8,9 +8,8 @@ describe('EditCenterMeetingComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ EditCenterMeetingComponent ]
-    })
-    .compileComponents();
+      declarations: [EditCenterMeetingComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/edit-center-meeting/edit-center-meeting.component.ts

@@ -17,7 +17,6 @@ import { SettingsService } from 'app/settings/settings.service';
   styleUrls: ['./edit-center-meeting.component.scss']
 })
 export class EditCenterMeetingComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -46,12 +45,14 @@ export class EditCenterMeetingComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route
    * @param {Router} router Router
    */
-  constructor(private formBuilder: UntypedFormBuilder,
-              private centersService: CentersService,
-              private settingsService: SettingsService,
-              private dateUtils: Dates,
-              private route: ActivatedRoute,
-              private router: Router) {
+  constructor(
+    private formBuilder: UntypedFormBuilder,
+    private centersService: CentersService,
+    private settingsService: SettingsService,
+    private dateUtils: Dates,
+    private route: ActivatedRoute,
+    private router: Router
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.calendarTemplate = data.centersActionData;
       this.frequencyOptions = this.calendarTemplate.frequencyOptions;
@@ -72,9 +73,18 @@ export class EditCenterMeetingComponent implements OnInit {
    */
   createEditCenterMeetingForm() {
     this.centerEditMeetingForm = this.formBuilder.group({
-      'startDate': ['', Validators.required],
-      'frequency': ['', Validators.required],
-      'interval': ['', Validators.required]
+      startDate: [
+        '',
+        Validators.required
+      ],
+      frequency: [
+        '',
+        Validators.required
+      ],
+      interval: [
+        '',
+        Validators.required
+      ]
     });
   }
 
@@ -86,25 +96,51 @@ export class EditCenterMeetingComponent implements OnInit {
       this.centerEditMeetingForm.removeControl('repeatsOnDay');
       switch (frequency) {
         case 1: // Daily
-          this.repetitionIntervals = ['1', '2', '3'];
-        break;
+          this.repetitionIntervals = [
+            '1',
+            '2',
+            '3'
+          ];
+          break;
         case 2: // Weekly
-          this.repetitionIntervals = ['1', '2', '3'];
+          this.repetitionIntervals = [
+            '1',
+            '2',
+            '3'
+          ];
           this.centerEditMeetingForm.addControl('repeatsOnDay', new UntypedFormControl('', Validators.required));
           this.centerEditMeetingForm.get('repeatsOnDay').patchValue(this.calendarTemplate.repeatsOnDay.id);
-        break;
+          break;
         case 3: // Monthly
-          this.repetitionIntervals = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
-        break;
+          this.repetitionIntervals = [
+            '1',
+            '2',
+            '3',
+            '4',
+            '5',
+            '6',
+            '7',
+            '8',
+            '9',
+            '10',
+            '11'
+          ];
+          break;
         case 4: // Yearly
-          this.repetitionIntervals = ['1', '2', '3', '4', '5'];
-        break;
+          this.repetitionIntervals = [
+            '1',
+            '2',
+            '3',
+            '4',
+            '5'
+          ];
+          break;
       }
     });
     this.centerEditMeetingForm.patchValue({
-      'startDate': this.calendarTemplate.startDate && new Date(this.calendarTemplate.startDate),
-      'frequency': this.calendarTemplate.frequency.id,
-      'interval': `${this.calendarTemplate.interval}`
+      startDate: this.calendarTemplate.startDate && new Date(this.calendarTemplate.startDate),
+      frequency: this.calendarTemplate.frequency.id,
+      interval: `${this.calendarTemplate.interval}`
     });
   }
 
@@ -141,5 +177,4 @@ export class EditCenterMeetingComponent implements OnInit {
       this.router.navigate(['../../'], { relativeTo: this.route });
     });
   }
-
 }

src/app/centers/centers-view/center-actions/manage-groups/manage-groups.component.spec.ts

@@ -8,9 +8,8 @@ describe('ManageGroupsComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ ManageGroupsComponent ]
-    })
-    .compileComponents();
+      declarations: [ManageGroupsComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/manage-groups/manage-groups.component.ts

@@ -11,14 +11,12 @@ import { CentersService } from 'app/centers/centers.service';
 import { GroupsService } from 'app/groups/groups.service';
 import { MatDialog } from '@angular/material/dialog';
 
-
 @Component({
   selector: 'mifosx-manage-groups',
   templateUrl: './manage-groups.component.html',
   styleUrls: ['./manage-groups.component.scss']
 })
 export class ManageGroupsComponent implements AfterViewInit {
-
   /** Center Data */
   centerData: any;
   /** Group data. */
@@ -35,24 +33,26 @@ export class ManageGroupsComponent implements AfterViewInit {
    * @param {GroupsService} groupsService Groups Service
    * @param {MatDialog} dialog Mat Dialog
    */
-  constructor(private route: ActivatedRoute,
-              private centersService: CentersService,
-              private groupsService: GroupsService,
-              public dialog: MatDialog) {
+  constructor(
+    private route: ActivatedRoute,
+    private centersService: CentersService,
+    private groupsService: GroupsService,
+    public dialog: MatDialog
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.centerData = data.centersActionData;
       this.groupMembers = data.centersActionData.groupMembers;
     });
   }
 
-
   /**
    * Subscribes to Groups search filter:
    */
   ngAfterViewInit() {
-    this.groupChoice.valueChanges.subscribe( (value: string) => {
+    this.groupChoice.valueChanges.subscribe((value: string) => {
       if (value.length >= 2) {
-        this.groupsService.getFilteredGroups('name', 'ASC', value, this.centerData.officeId, 'true')
+        this.groupsService
+          .getFilteredGroups('name', 'ASC', value, this.centerData.officeId, 'true')
           .subscribe((data: any) => {
             this.groupsData = data;
           });
@@ -66,12 +66,22 @@ export class ManageGroupsComponent implements AfterViewInit {
   addGroup() {
     if (this.groupMembers !== null && this.groupMembers !== undefined) {
       if (!this.groupMembers.includes(this.groupChoice.value)) {
-        this.centersService.executeCenterActionCommand(this.centerData.id, 'associateGroups', {groupMembers: [this.groupChoice.value.id]})
-          .subscribe(() => { this.groupMembers.push(this.groupChoice.value); });
+        this.centersService
+          .executeCenterActionCommand(this.centerData.id, 'associateGroups', {
+            groupMembers: [this.groupChoice.value.id]
+          })
+          .subscribe(() => {
+            this.groupMembers.push(this.groupChoice.value);
+          });
       }
     } else {
-      this.centersService.executeCenterActionCommand(this.centerData.id, 'associateGroups', {groupMembers: [this.groupChoice.value.id]})
-      .subscribe(() => { this.groupMembers.push(this.groupChoice.value); });
+      this.centersService
+        .executeCenterActionCommand(this.centerData.id, 'associateGroups', {
+          groupMembers: [this.groupChoice.value.id]
+        })
+        .subscribe(() => {
+          this.groupMembers.push(this.groupChoice.value);
+        });
     }
   }
 
@@ -85,8 +95,11 @@ export class ManageGroupsComponent implements AfterViewInit {
     });
     removeMemberDialogRef.afterClosed().subscribe((response: any) => {
       if (response.delete) {
-        this.centersService.executeCenterActionCommand(this.centerData.id, 'disassociateGroups', {groupMembers: [group.id]})
-          .subscribe(() => { this.groupMembers.splice(index, 1); });
+        this.centersService
+          .executeCenterActionCommand(this.centerData.id, 'disassociateGroups', { groupMembers: [group.id] })
+          .subscribe(() => {
+            this.groupMembers.splice(index, 1);
+          });
       }
     });
   }
@@ -99,5 +112,4 @@ export class ManageGroupsComponent implements AfterViewInit {
   displayGroup(group: any): string | undefined {
     return group ? group.name : undefined;
   }
-
 }

src/app/centers/centers-view/center-actions/staff-assignment-history/staff-assignment-history.component.spec.ts

@@ -8,9 +8,8 @@ describe('StaffAssignmentHistoryComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ StaffAssignmentHistoryComponent ]
-    })
-    .compileComponents();
+      declarations: [StaffAssignmentHistoryComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/center-actions/staff-assignment-history/staff-assignment-history.component.ts

@@ -15,7 +15,6 @@ import { CentersService } from '../../../centers.service';
   styleUrls: ['./staff-assignment-history.component.scss']
 })
 export class StaffAssignmentHistoryComponent implements OnInit {
-
   /** Staff Assignment History Data */
   staffAssignmentHistoryData: any;
   /** trusted resource url for pentaho output */
@@ -24,8 +23,10 @@ export class StaffAssignmentHistoryComponent implements OnInit {
   /**
    * @param {DomSanitizer} sanitizer DOM Sanitizer
    */
-  constructor(private sanitizer: DomSanitizer,
-    private route: ActivatedRoute) {
+  constructor(
+    private sanitizer: DomSanitizer,
+    private route: ActivatedRoute
+  ) {
     this.route.data.subscribe((data: { centersActionData: any }) => {
       this.staffAssignmentHistoryData = data.centersActionData;
     });
@@ -37,5 +38,4 @@ export class StaffAssignmentHistoryComponent implements OnInit {
     const filecontent = URL.createObjectURL(file);
     this.pentahoUrl = this.sanitizer.bypassSecurityTrustResourceUrl(filecontent);
   }
-
 }

src/app/centers/centers-view/centers-view.component.spec.ts

@@ -8,9 +8,8 @@ describe('CentersViewComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CentersViewComponent ]
-    })
-    .compileComponents();
+      declarations: [CentersViewComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/centers-view.component.ts

@@ -19,7 +19,6 @@ import { TranslateService } from '@ngx-translate/core';
   styleUrls: ['./centers-view.component.scss']
 })
 export class CentersViewComponent implements OnInit {
-
   /** Stores Center View Data */
   centerViewData: any;
   /** Center datatable */
@@ -31,15 +30,14 @@ export class CentersViewComponent implements OnInit {
    * Retrieves the data for center
    * @param route route Activated Route.
    */
-  constructor(private route: ActivatedRoute,
+  constructor(
+    private route: ActivatedRoute,
     private router: Router,
     public dialog: MatDialog,
     public centersService: CentersService,
-    private translateService: TranslateService) {
-    this.route.data.subscribe((data: {
-      centerViewData: any,
-      centerDatatables: any
-    }) => {
+    private translateService: TranslateService
+  ) {
+    this.route.data.subscribe((data: { centerViewData: any; centerDatatables: any }) => {
       this.centerViewData = data.centerViewData;
       this.centerDatatables = data.centerDatatables;
     });
@@ -48,7 +46,9 @@ export class CentersViewComponent implements OnInit {
   ngOnInit() {
     if (this.centerViewData.collectionMeetingCalendar) {
       this.meetingData = true;
-    } else { this.meetingData = false; }
+    } else {
+      this.meetingData = false;
+    }
   }
 
   /**
@@ -99,11 +99,15 @@ export class CentersViewComponent implements OnInit {
    */
   private centersUnassignStaff() {
     const unAssignStaffDialogRef = this.dialog.open(ConfirmationDialogComponent, {
-      data: { heading: this.translateService.instant('labels.heading.Unassign Staff'), dialogContext: this.translateService.instant('labels.dialogContext.Are you sure you want Unassign Staff') }
+      data: {
+        heading: this.translateService.instant('labels.heading.Unassign Staff'),
+        dialogContext: this.translateService.instant('labels.dialogContext.Are you sure you want Unassign Staff')
+      }
     });
     unAssignStaffDialogRef.afterClosed().subscribe((response: { confirm: any }) => {
       if (response.confirm) {
-        this.centersService.executeGroupActionCommand(this.centerViewData.id, 'unassignStaff', { staffId: this.centerViewData.staffId })
+        this.centersService
+          .executeGroupActionCommand(this.centerViewData.id, 'unassignStaff', { staffId: this.centerViewData.staffId })
           .subscribe(() => {
             this.reload();
           });
@@ -133,8 +137,6 @@ export class CentersViewComponent implements OnInit {
    */
   reload() {
     const url: string = this.router.url;
-    this.router.navigateByUrl(`/centers`, { skipLocationChange: true })
-      .then(() => this.router.navigate([url]));
+    this.router.navigateByUrl(`/centers`, { skipLocationChange: true }).then(() => this.router.navigate([url]));
   }
-
 }

src/app/centers/centers-view/datatable-tab/datatable-tab.component.spec.ts

@@ -8,9 +8,8 @@ describe('DatatableTabComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ DatatableTabComponent ]
-    })
-    .compileComponents();
+      declarations: [DatatableTabComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/datatable-tab/datatable-tab.component.ts

@@ -25,5 +25,4 @@ export class DatatableTabComponent {
       this.multiRowDatatableFlag = this.entityDatatable.columnHeaders[0].columnName === 'id' ? true : false;
     });
   }
-
 }

src/app/centers/centers-view/general-tab/general-tab.component.spec.ts

@@ -8,9 +8,8 @@ describe('GeneralTabComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ GeneralTabComponent ]
-    })
-    .compileComponents();
+      declarations: [GeneralTabComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/general-tab/general-tab.component.ts

@@ -11,11 +11,20 @@ import { ActivatedRoute } from '@angular/router';
   styleUrls: ['./general-tab.component.scss']
 })
 export class GeneralTabComponent {
-
   /** Savings Account Table Columns */
-  savingsAccountColumns: string[] = ['Account No', 'Products', 'Balance', 'Actions'];
+  savingsAccountColumns: string[] = [
+    'Account No',
+    'Products',
+    'Balance',
+    'Actions'
+  ];
   /** Groups Table Columns */
-  groupsColumns: string[] = ['Account No', 'Group Name', 'Office Name', 'Submitted On'];
+  groupsColumns: string[] = [
+    'Account No',
+    'Group Name',
+    'Office Name',
+    'Submitted On'
+  ];
   /** Stores the summary of center */
   centerSummaryData: any;
   /** Stores Center Data for particular center */
@@ -30,11 +39,7 @@ export class GeneralTabComponent {
    * @param {ActivatedRoute} route Activated Route.
    */
   constructor(private route: ActivatedRoute) {
-    this.route.data.subscribe((data: {
-      centerSummaryData: any,
-      centerViewData: any,
-      savingsAccountData: any
-    }) => {
+    this.route.data.subscribe((data: { centerSummaryData: any; centerViewData: any; savingsAccountData: any }) => {
       this.centerSummaryData = data.centerSummaryData[0];
       this.centerViewData = data.centerViewData;
       this.savingsAccountData = data.savingsAccountData.savingsAccounts;
@@ -49,5 +54,4 @@ export class GeneralTabComponent {
   routeEdit($event: MouseEvent) {
     $event.stopPropagation();
   }
-
 }

src/app/centers/centers-view/notes-tab/notes-tab.component.spec.ts

@@ -8,9 +8,8 @@ describe('NotesTabComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ NotesTabComponent ]
-    })
-    .compileComponents();
+      declarations: [NotesTabComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/centers-view/notes-tab/notes-tab.component.ts

@@ -24,13 +24,14 @@ export class NotesTabComponent implements OnInit {
   noteForm: UntypedFormGroup;
   @ViewChild('formRef', { static: true }) formRef: any;
 
-
-  constructor(private route: ActivatedRoute,
+  constructor(
+    private route: ActivatedRoute,
     private formBuilder: UntypedFormBuilder,
     private centersService: CentersService,
     private authenticationService: AuthenticationService,
     private dialog: MatDialog,
-    private translateService: TranslateService) {
+    private translateService: TranslateService
+  ) {
     const savedCredentials = this.authenticationService.getCredentials();
     this.username = savedCredentials.username;
     this.centerId = this.route.parent.snapshot.params['centerId'];
@@ -45,7 +46,10 @@ export class NotesTabComponent implements OnInit {
 
   createNoteForm() {
     this.noteForm = this.formBuilder.group({
-      'note': ['', Validators.required]
+      note: [
+        '',
+        Validators.required
+      ]
     });
   }
 
@@ -63,19 +67,22 @@ export class NotesTabComponent implements OnInit {
 
   editNote(noteId: string, noteContent: string, index: number) {
     const editNoteDialogRef = this.dialog.open(FormDialogComponent, {
-      data: { formfields: [{
-                controlName: 'note',
-                required: true,
-                value: noteContent,
-                controlType: 'input',
-                label: this.translateService.instant('labels.inputs.Note')
-              }],
-              layout: {
-                columns: 1,
-                addButtonText: 'Confirm'
-              },
-              title: this.translateService.instant('labels.heading.Edit Note')
-            }
+      data: {
+        formfields: [
+          {
+            controlName: 'note',
+            required: true,
+            value: noteContent,
+            controlType: 'input',
+            label: this.translateService.instant('labels.inputs.Note')
+          }
+        ],
+        layout: {
+          columns: 1,
+          addButtonText: 'Confirm'
+        },
+        title: this.translateService.instant('labels.heading.Edit Note')
+      }
     });
     editNoteDialogRef.afterClosed().subscribe((response: any) => {
       if (response.data) {
@@ -88,14 +95,15 @@ export class NotesTabComponent implements OnInit {
 
   deleteNote(noteId: string, index: number) {
     const deleteNoteDialogRef = this.dialog.open(DeleteDialogComponent, {
-      data: { deleteContext: `${this.translateService.instant('labels.inputs.Note')} ${this.translateService.instant('labels.inputs.Id')}:${noteId}` }
+      data: {
+        deleteContext: `${this.translateService.instant('labels.inputs.Note')} ${this.translateService.instant('labels.inputs.Id')}:${noteId}`
+      }
     });
     deleteNoteDialogRef.afterClosed().subscribe((response: any) => {
       if (response.delete) {
-        this.centersService.deleteCenterNote(this.centerId, noteId)
-          .subscribe(() => {
-            this.centerNotes.splice(index, 1);
-          });
+        this.centersService.deleteCenterNote(this.centerId, noteId).subscribe(() => {
+          this.centerNotes.splice(index, 1);
+        });
       }
     });
   }

src/app/centers/centers.component.ts

@@ -8,7 +8,7 @@ import { Router, ActivatedRoute } from '@angular/router';
 
 /** rxjs Imports */
 import { merge } from 'rxjs';
-import { tap, startWith, map, distinctUntilChanged, debounceTime} from 'rxjs/operators';
+import { tap, startWith, map, distinctUntilChanged, debounceTime } from 'rxjs/operators';
 
 /** Custom Services */
 import { CentersService } from './centers.service';
@@ -22,7 +22,7 @@ import { CentersDataSource } from './centers.datasource';
 @Component({
   selector: 'mifosx-app-centers',
   templateUrl: './centers.component.html',
-  styleUrls: ['./centers.component.scss'],
+  styleUrls: ['./centers.component.scss']
 })
 export class CentersComponent implements OnInit, AfterViewInit {
   @ViewChild('showClosedCenters', { static: true }) showClosedCenters: MatCheckbox;
@@ -32,7 +32,13 @@ export class CentersComponent implements OnInit, AfterViewInit {
   /** ExternalId form control. */
   externalId = new UntypedFormControl();
   /** Columns to be displayed in centers table. */
-  displayedColumns =  ['name', 'accountNo', 'externalId', 'status', 'officeName'];
+  displayedColumns = [
+    'name',
+    'accountNo',
+    'externalId',
+    'status',
+    'officeName'
+  ];
   /** Data source for centers table. */
   dataSource: CentersDataSource;
   /** Centers filter. */
@@ -52,7 +58,7 @@ export class CentersComponent implements OnInit, AfterViewInit {
   /** Sorter for centers table. */
   @ViewChild(MatSort, { static: true }) sort: MatSort;
 
-  constructor(private centersService: CentersService) { }
+  constructor(private centersService: CentersService) {}
 
   ngOnInit() {
     this.getCenters();
@@ -64,7 +70,6 @@ export class CentersComponent implements OnInit, AfterViewInit {
    * sort change and page change.
    */
   ngAfterViewInit() {
-
     this.name.valueChanges
       .pipe(
         debounceTime(500),
@@ -76,21 +81,19 @@ export class CentersComponent implements OnInit, AfterViewInit {
       .subscribe();
 
     this.externalId.valueChanges
-    .pipe(
-      debounceTime(500),
-      distinctUntilChanged(),
-      tap((filterValue) => {
-        this.applyFilter(filterValue, 'externalId');
-      })
-    )
-    .subscribe();
+      .pipe(
+        debounceTime(500),
+        distinctUntilChanged(),
+        tap((filterValue) => {
+          this.applyFilter(filterValue, 'externalId');
+        })
+      )
+      .subscribe();
 
-    this.sort.sortChange.subscribe(() => this.paginator.pageIndex = 0);
+    this.sort.sortChange.subscribe(() => (this.paginator.pageIndex = 0));
 
     merge(this.sort.sortChange, this.paginator.page)
-      .pipe(
-        tap(() => this.loadCentersPage())
-      )
+      .pipe(tap(() => this.loadCentersPage()))
       .subscribe();
   }
 
@@ -108,7 +111,14 @@ export class CentersComponent implements OnInit, AfterViewInit {
     if (!this.sort.direction) {
       delete this.sort.active;
     }
-    this.dataSource.getCenters(this.filterCentersBy, this.sort.active, this.sort.direction, this.paginator.pageIndex, this.paginator.pageSize, !this.showClosedCenters.checked);
+    this.dataSource.getCenters(
+      this.filterCentersBy,
+      this.sort.active,
+      this.sort.direction,
+      this.paginator.pageIndex,
+      this.paginator.pageSize,
+      !this.showClosedCenters.checked
+    );
   }
 
   /**
@@ -118,7 +128,7 @@ export class CentersComponent implements OnInit, AfterViewInit {
    */
   applyFilter(filterValue: string, property: string) {
     this.paginator.pageIndex = 0;
-    const findIndex = this.filterCentersBy.findIndex(filter => filter.type === property);
+    const findIndex = this.filterCentersBy.findIndex((filter) => filter.type === property);
     this.filterCentersBy[findIndex].value = filterValue;
     this.loadCentersPage();
   }
@@ -128,7 +138,12 @@ export class CentersComponent implements OnInit, AfterViewInit {
    */
   getCenters() {
     this.dataSource = new CentersDataSource(this.centersService);
-    this.dataSource.getCenters(this.filterCentersBy, this.sort.active, this.sort.direction, this.paginator.pageIndex, this.paginator.pageSize);
+    this.dataSource.getCenters(
+      this.filterCentersBy,
+      this.sort.active,
+      this.sort.direction,
+      this.paginator.pageIndex,
+      this.paginator.pageSize
+    );
   }
-
 }

src/app/centers/centers.datasource.ts

@@ -11,7 +11,6 @@ import { CentersService } from './centers.service';
  * Centers custom data source to implement server side filtering, pagination and sorting.
  */
 export class CentersDataSource implements DataSource<any> {
-
   /** centers behavior subject to represent loaded centers page. */
   private centersSubject = new BehaviorSubject<any[]>([]);
   /** Records subject to represent total number of filtered centers records. */
@@ -22,7 +21,7 @@ export class CentersDataSource implements DataSource<any> {
   /**
    * @param {CentersService} centersService Centers Service
    */
-  constructor(private centersService: CentersService) { }
+  constructor(private centersService: CentersService) {}
 
   /**
    * Gets centers on the basis of provided parameters and emits the value.
@@ -33,14 +32,20 @@ export class CentersDataSource implements DataSource<any> {
    * @param {number} limit Number of entries within the page.
    * @param {boolean} centerActive Specify whether to only filter active centers.
    */
-  getCenters(filterBy: any, orderBy: string = '', sortOrder: string = '', pageIndex: number = 0, limit: number = 10, centerActive: boolean = true) {
+  getCenters(
+    filterBy: any,
+    orderBy: string = '',
+    sortOrder: string = '',
+    pageIndex: number = 0,
+    limit: number = 10,
+    centerActive: boolean = true
+  ) {
     this.centersSubject.next([]);
-    this.centersService.getCenters(filterBy, orderBy, sortOrder, pageIndex * limit, limit)
-      .subscribe((centers: any) => {
-        centers.pageItems = (centerActive) ? (centers.pageItems.filter((center: any) => center.active)) : centers.pageItems;
-        this.recordsSubject.next(centers.totalFilteredRecords);
-        this.centersSubject.next(centers.pageItems);
-      });
+    this.centersService.getCenters(filterBy, orderBy, sortOrder, pageIndex * limit, limit).subscribe((centers: any) => {
+      centers.pageItems = centerActive ? centers.pageItems.filter((center: any) => center.active) : centers.pageItems;
+      this.recordsSubject.next(centers.totalFilteredRecords);
+      this.centersSubject.next(centers.pageItems);
+    });
   }
 
   /**
@@ -57,5 +62,4 @@ export class CentersDataSource implements DataSource<any> {
     this.centersSubject.complete();
     this.recordsSubject.complete();
   }
-
 }

src/app/centers/centers.module.ts

@@ -58,4 +58,4 @@ import { EditCenterComponent } from './edit-center/edit-center.component';
     EditCenterComponent
   ]
 })
-export class CentersModule { }
+export class CentersModule {}

src/app/centers/centers.service.ts

@@ -9,14 +9,13 @@ import { Observable } from 'rxjs';
  * Clients service.
  */
 @Injectable({
-    providedIn: 'root'
+  providedIn: 'root'
 })
 export class CentersService {
-
   /**
    * @param {HttpClient} http Http Client to send requests.
    */
-  constructor(private http: HttpClient) { }
+  constructor(private http: HttpClient) {}
 
   /**
    * @param {any} filterBy Properties by which entries should be filtered.
@@ -47,7 +46,7 @@ export class CentersService {
    * @returns {Observable<any>}
    */
   createCenter(center: any): Observable<any> {
-      return this.http.post('/centers', center);
+    return this.http.post('/centers', center);
   }
 
   /**
@@ -55,10 +54,8 @@ export class CentersService {
    * @returns {Observable<any>}
    */
   getStaff(officeId: number): Observable<any> {
-      const httpParams = new HttpParams()
-          .set('officeId', officeId.toString())
-          .set('staffInSelectedOfficeOnly', 'true');
-      return this.http.get('/centers/template', { params: httpParams });
+    const httpParams = new HttpParams().set('officeId', officeId.toString()).set('staffInSelectedOfficeOnly', 'true');
+    return this.http.get('/centers/template', { params: httpParams });
   }
 
   /**
@@ -66,9 +63,8 @@ export class CentersService {
    * @returns {Observable<any>} Group Data for Center
    */
   getCenterData(centerId: string): Observable<any> {
-    const httpParams = new HttpParams()
-        .set('associations', 'groupMembers,collectionMeetingCalendar');
-    return this.http.get(`/centers/${centerId}`, { params: httpParams } );
+    const httpParams = new HttpParams().set('associations', 'groupMembers,collectionMeetingCalendar');
+    return this.http.get(`/centers/${centerId}`, { params: httpParams });
   }
 
   /**
@@ -76,8 +72,7 @@ export class CentersService {
    * @returns {Observable<any>} Returns the entire details of the Center ID
    */
   getCenterSummary(centerId: string): Observable<any> {
-    const httpParams = new HttpParams().set('R_groupId', centerId)
-      .set('genericResultSet', 'false');
+    const httpParams = new HttpParams().set('R_groupId', centerId).set('genericResultSet', 'false');
     return this.http.get(`/runreports/GroupSummaryCounts`, { params: httpParams });
   }
 
@@ -131,7 +126,7 @@ export class CentersService {
    */
   getcenterDatatables() {
     const httpParams = new HttpParams().set('apptable', 'm_center');
-  return this.http.get(`/datatables`, { params: httpParams });
+    return this.http.get(`/datatables`, { params: httpParams });
   }
 
   /**
@@ -203,9 +198,10 @@ export class CentersService {
    * @returns {Observable<any>} Center data.
    */
   getGroupStaffData(centerId: string): Observable<any> {
-    const httpParams = new HttpParams().set('groupOrCenter', 'centers')
-                                      .set('staffInSelectedOfficeOnly', 'true')
-                                      .set('template', 'true');
+    const httpParams = new HttpParams()
+      .set('groupOrCenter', 'centers')
+      .set('staffInSelectedOfficeOnly', 'true')
+      .set('template', 'true');
     return this.http.get(`/groups/${centerId}`, { params: httpParams });
   }
 
@@ -216,7 +212,7 @@ export class CentersService {
   getCentersData(centerId: string, associations: string, template?: string) {
     let httpParams = new HttpParams().set('associations', associations);
     httpParams = template ? httpParams.set('template', template) : httpParams;
-    return this.http.get(`/centers/${centerId}`, {params: httpParams});
+    return this.http.get(`/centers/${centerId}`, { params: httpParams });
   }
 
   getMeetingsTemplate(centerId: any, calendarId: any): Observable<any> {
@@ -226,7 +222,7 @@ export class CentersService {
 
   assignCenterAttendance(centerId: any, calendarId: any, data: any): Observable<any> {
     const httpParams = new HttpParams().set('calenderId', calendarId);
-    return this.http.post(`/centers/${centerId}/meetings`, data, {params: httpParams});
+    return this.http.post(`/centers/${centerId}/meetings`, data, { params: httpParams });
   }
 
   getCalendarTemplate(centerId: any): Observable<any> {
@@ -252,12 +248,21 @@ export class CentersService {
    * @param {object} centerId CenterId.
    * @returns {Observable<any>}
    */
-  getStaffAssignmentHistoryData(reportName: any, centerId: any, tenantIdentifier: string, locale: string): Observable<any> {
+  getStaffAssignmentHistoryData(
+    reportName: any,
+    centerId: any,
+    tenantIdentifier: string,
+    locale: string
+  ): Observable<any> {
     const httpParams = new HttpParams()
       .set('tenantIdentifier', tenantIdentifier)
       .set('locale', locale)
       .set('R_centerId', centerId);
-    return this.http.get(`/runreports/${reportName}`, { responseType: 'arraybuffer', observe: 'response', params: httpParams });
+    return this.http.get(`/runreports/${reportName}`, {
+      responseType: 'arraybuffer',
+      observe: 'response',
+      params: httpParams
+    });
   }
 
   /**
@@ -265,8 +270,7 @@ export class CentersService {
    * @returns {Observable<any>} Center data and template.
    */
   getCenterAndTemplateData(centerId: string): Observable<any> {
-    const httpParams = new HttpParams().set('staffInSelectedOfficeOnly', 'true')
-                                       .set('template', 'true');
+    const httpParams = new HttpParams().set('staffInSelectedOfficeOnly', 'true').set('template', 'true');
     return this.http.get(`/centers/${centerId}`, { params: httpParams });
   }
 
@@ -278,5 +282,4 @@ export class CentersService {
   executeEditCenter(centerId: string, data: any): Observable<any> {
     return this.http.put(`/groups/${centerId}`, data);
   }
-
 }

src/app/centers/common-resolvers/center-actions.resolver.ts

@@ -13,11 +13,10 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterActionsResolver implements Resolve<Object> {
-
   /**
    * @param {CentersService} centersService Savings service.
    */
-  constructor(private centersService: CentersService) { }
+  constructor(private centersService: CentersService) {}
 
   /**
    * Returns the Centers account actions data.
@@ -46,5 +45,4 @@ export class CenterActionsResolver implements Resolve<Object> {
         return undefined;
     }
   }
-
 }

src/app/centers/common-resolvers/center-data-and-template.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterDataAndTemplateResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers and template data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.paramMap.get('centerId');
-        return this.centersService.getCenterAndTemplateData(centerId);
-    }
-
+  /**
+   * Returns the Centers and template data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.paramMap.get('centerId');
+    return this.centersService.getCenterAndTemplateData(centerId);
+  }
 }

src/app/centers/common-resolvers/center-datatable.resolver.ts

@@ -13,20 +13,18 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterDatatableResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers Notes Data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.parent.paramMap.get('centerId');
-        const datatableName = route.paramMap.get('datatableName');
-        return this.centersService.getCenterDatatable(centerId, datatableName);
-    }
-
+  /**
+   * Returns the Centers Notes Data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.parent.paramMap.get('centerId');
+    const datatableName = route.paramMap.get('datatableName');
+    return this.centersService.getCenterDatatable(centerId, datatableName);
+  }
 }

src/app/centers/common-resolvers/center-datatables.resolver.ts

@@ -13,18 +13,16 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterDatatablesResolver implements Resolve<Object> {
+  /**
+   * @param {centersService} centersService centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {centersService} centersService centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the center datatables.
-     * @returns {Observable<any>}
-     */
-    resolve(): Observable<any> {
-        return this.centersService.getcenterDatatables();
-    }
-
+  /**
+   * Returns the center datatables.
+   * @returns {Observable<any>}
+   */
+  resolve(): Observable<any> {
+    return this.centersService.getcenterDatatables();
+  }
 }

src/app/centers/common-resolvers/center-notes.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterNotesResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers Notes Data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.paramMap.get('centerId');
-        return this.centersService.getCenterNotes(centerId);
-    }
-
+  /**
+   * Returns the Centers Notes Data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.paramMap.get('centerId');
+    return this.centersService.getCenterNotes(centerId);
+  }
 }

src/app/centers/common-resolvers/center-resource.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterResourceResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers data for General Tab.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.paramMap.get('centerId');
-        return this.centersService.getCenterData(centerId);
-    }
-
+  /**
+   * Returns the Centers data for General Tab.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.paramMap.get('centerId');
+    return this.centersService.getCenterData(centerId);
+  }
 }

src/app/centers/common-resolvers/center-summary.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterSummaryResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers Summary Data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.paramMap.get('centerId');
-        return this.centersService.getCenterSummary(centerId);
-    }
-
+  /**
+   * Returns the Centers Summary Data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.paramMap.get('centerId');
+    return this.centersService.getCenterSummary(centerId);
+  }
 }

src/app/centers/common-resolvers/center-view.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class CenterViewResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Centers data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.paramMap.get('centerId');
-        return this.centersService.getCenterData(centerId);
-    }
-
+  /**
+   * Returns the Centers data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.paramMap.get('centerId');
+    return this.centersService.getCenterData(centerId);
+  }
 }

src/app/centers/common-resolvers/savings-account.resolver.ts

@@ -13,19 +13,17 @@ import { CentersService } from '../centers.service';
  */
 @Injectable()
 export class SavingsAccountResolver implements Resolve<Object> {
+  /**
+   * @param {CentersService} CentersService Centers service.
+   */
+  constructor(private centersService: CentersService) {}
 
-    /**
-     * @param {CentersService} CentersService Centers service.
-     */
-    constructor(private centersService: CentersService) { }
-
-    /**
-     * Returns the Center Savings Account data.
-     * @returns {Observable<any>}
-     */
-    resolve(route: ActivatedRouteSnapshot): Observable<any> {
-        const centerId = route.parent.paramMap.get('centerId');
-        return this.centersService.getSavingsAccountDetails(centerId);
-    }
-
+  /**
+   * Returns the Center Savings Account data.
+   * @returns {Observable<any>}
+   */
+  resolve(route: ActivatedRouteSnapshot): Observable<any> {
+    const centerId = route.parent.paramMap.get('centerId');
+    return this.centersService.getSavingsAccountDetails(centerId);
+  }
 }

src/app/centers/create-center/create-center.component.spec.ts

@@ -8,9 +8,8 @@ describe('CreateCenterComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ CreateCenterComponent ]
-    })
-    .compileComponents();
+      declarations: [CreateCenterComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/create-center/create-center.component.ts

@@ -18,7 +18,6 @@ import { Dates } from 'app/core/utils/dates';
   styleUrls: ['./create-center.component.scss']
 })
 export class CreateCenterComponent implements OnInit {
-
   /** Minimum date allowed. */
   minDate = new Date(2000, 0, 1);
   /** Maximum date allowed. */
@@ -46,13 +45,15 @@ export class CreateCenterComponent implements OnInit {
    * @param {GroupsService} groupService GroupsService.
    * @param {Dates} dateUtils Date Utils to format date.
    */
-  constructor(private formBuilder: UntypedFormBuilder,
+  constructor(
+    private formBuilder: UntypedFormBuilder,
     private route: ActivatedRoute,
     private router: Router,
     private centerService: CentersService,
     private settingsService: SettingsService,
     private groupService: GroupsService,
-    private dateUtils: Dates) {
+    private dateUtils: Dates
+  ) {
     this.route.data.subscribe((data: { offices: any }) => {
       this.officeData = data.offices;
     });
@@ -71,12 +72,23 @@ export class CreateCenterComponent implements OnInit {
    */
   createCenterForm() {
     this.centerForm = this.formBuilder.group({
-      'name': ['', [Validators.required, Validators.pattern('(^[A-z]).*')]],
-      'officeId': ['', Validators.required],
-      'submittedOnDate': ['', Validators.required],
-      'staffId': [''],
-      'externalId': [''],
-      'active': [''],
+      name: [
+        '',
+        [
+          Validators.required,
+          Validators.pattern('(^[A-z]).*')]
+      ],
+      officeId: [
+        '',
+        Validators.required
+      ],
+      submittedOnDate: [
+        '',
+        Validators.required
+      ],
+      staffId: [''],
+      externalId: [''],
+      active: ['']
     });
     this.buildDependencies();
   }
@@ -156,5 +168,4 @@ export class CreateCenterComponent implements OnInit {
       this.router.navigate(['../centers']);
     });
   }
-
 }

src/app/centers/edit-center/edit-center.component.spec.ts

@@ -8,9 +8,8 @@ describe('EditCenterComponent', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ EditCenterComponent ]
-    })
-    .compileComponents();
+      declarations: [EditCenterComponent]
+    }).compileComponents();
   }));
 
   beforeEach(() => {

src/app/centers/edit-center/edit-center.component.ts

@@ -17,7 +17,6 @@ import { Dates } from 'app/core/utils/dates';
   styleUrls: ['./edit-center.component.scss']
 })
 export class EditCenterComponent implements OnInit {
-
   /** Center Data */
   centerData: any;
   /** Staffs Data */
@@ -38,12 +37,14 @@ export class EditCenterComponent implements OnInit {
    * @param {GroupsService} groupService GroupsService.
    * @param {Dates} dateUtils Date Utils to format date.
    */
-  constructor(private formBuilder: UntypedFormBuilder,
+  constructor(
+    private formBuilder: UntypedFormBuilder,
     private route: ActivatedRoute,
     private router: Router,
     private centersService: CentersService,
     private settingsService: SettingsService,
-    private dateUtils: Dates) {
+    private dateUtils: Dates
+  ) {
     this.route.data.subscribe((data: { centerData: any }) => {
       this.centerData = data.centerData;
       this.staffs = this.centerData.staffOptions;
@@ -64,12 +65,23 @@ export class EditCenterComponent implements OnInit {
   createEditCenterForm() {
     const dateFormat = this.settingsService.dateFormat;
     this.editCenterForm = this.formBuilder.group({
-      'name': [this.centerData.name, [Validators.required, Validators.pattern('(^[A-z]).*')]],
-      'staffId': [this.centerData.staffId],
-      'externalId': [this.centerData.externalId]
+      name: [
+        this.centerData.name,
+        [
+          Validators.required,
+          Validators.pattern('(^[A-z]).*')]
+      ],
+      staffId: [this.centerData.staffId],
+      externalId: [this.centerData.externalId]
     });
     if (this.centerData.status.value === 'Pending') {
-      this.editCenterForm.addControl('activationDate', new UntypedFormControl(this.centerData.activationDate ? this.centerData.activationDate : new Date(), Validators.required));
+      this.editCenterForm.addControl(
+        'activationDate',
+        new UntypedFormControl(
+          this.centerData.activationDate ? this.centerData.activationDate : new Date(),
+          Validators.required
+        )
+      );
     }
   }
 
@@ -97,5 +109,4 @@ export class EditCenterComponent implements OnInit {
       this.router.navigate(['../general'], { relativeTo: this.route });
     });
   }
-
 }