feat: add center view page (datatables-tabs) (#799)

Fixes: #775
Fixes: #798

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

@@ -13,6 +13,7 @@ import { CreateCenterComponent } from './create-center/create-center.component';
 import { CentersViewComponent } from './centers-view/centers-view.component';
 import { GeneralTabComponent } from './centers-view/general-tab/general-tab.component';
 import { NotesTabComponent } from './centers-view/notes-tab/notes-tab.component';
+import { DatatableTabComponent } from './centers-view/datatable-tab/datatable-tab.component';
 
 /** Custom Resolvers */
 import { OfficesResolver } from 'app/accounting/common-resolvers/offices.resolver';
@@ -21,6 +22,8 @@ import { SavingsAccountResolver } from './common-resolvers/savings-account.resol
 import { CenterResourceResolver } from './common-resolvers/center-resource.resolver';
 import { CenterSummaryResolver } from './common-resolvers/center-summary.resolver';
 import { CenterNotesResolver } from './common-resolvers/center-notes.resolver';
+import { CenterDatatableResolver } from './common-resolvers/center-datatable.resolver';
+import { CenterDatatablesResolver } from './common-resolvers/center-datatables.resolver';
 
 const routes: Routes = [
   Route.withShell([
@@ -46,7 +49,8 @@ const routes: Routes = [
           component: CentersViewComponent,
           data: { title: extract('Centers View'), routeParamBreadcrumb: 'centerId' },
           resolve: {
-            centerViewData: CenterViewResolver
+            centerViewData: CenterViewResolver,
+            centerDatatables: CenterDatatablesResolver
           },
           children: [
             {
@@ -66,6 +70,17 @@ const routes: Routes = [
               resolve: {
                 centerNotes: CenterNotesResolver
               }
+            },
+            {
+              path: 'datatables',
+              children: [{
+                path: ':datatableName',
+                component: DatatableTabComponent,
+                data: { title: extract('Data Table View'), routeParamBreadcrumb: 'datatableName' },
+                resolve: {
+                  centerDatatable: CenterDatatableResolver
+                }
+              }]
             }
           ]
         }
@@ -83,7 +98,9 @@ const routes: Routes = [
     SavingsAccountResolver,
     CenterResourceResolver,
     CenterSummaryResolver,
-    CenterNotesResolver
+    CenterNotesResolver,
+    CenterDatatableResolver,
+    CenterDatatablesResolver
   ]
 })
 export class CentersRoutingModule { }