feat: add groups view page (datatable-tabs) (#793)

Fixes: #776
Fixes: #777
Fixes: #791

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

@@ -15,6 +15,7 @@ import { GeneralTabComponent } from './groups-view/general-tab/general-tab.compo
 import { NotesTabComponent } from './groups-view/notes-tab/notes-tab.component';
 import { CommitteeTabComponent } from './groups-view/committee-tab/committee-tab.component';
 import { CreateGroupComponent } from './create-group/create-group.component';
+import { DatatableTabsComponent } from './groups-view/datatable-tabs/datatable-tabs.component';
 
 /** Custom Resolvers */
 import { GroupViewResolver } from './common-resolvers/group-view.resolver';
@@ -22,6 +23,8 @@ import { GroupAccountsResolver } from './common-resolvers/group-account.resolver
 import { GroupSummaryResolver } from './common-resolvers/group-summary.resolver';
 import { GroupNotesResolver } from './common-resolvers/group-notes.resolver';
 import { OfficesResolver } from 'app/accounting/common-resolvers/offices.resolver';
+import { GroupDatatablesResolver } from './common-resolvers/group-datatables.resolver';
+import { GroupDatatableResolver } from './common-resolvers/group-datatable.resolver';
 
 /** Groups Routes */
 const routes: Routes = [
@@ -47,7 +50,8 @@ const routes: Routes = [
           component: GroupsViewComponent,
           data: { title: extract('View Group'), routeParamBreadcrumb: 'groupId' },
           resolve: {
-            groupViewData: GroupViewResolver
+            groupViewData: GroupViewResolver,
+            groupDatatables: GroupDatatablesResolver
           },
           children: [
             {
@@ -71,6 +75,19 @@ const routes: Routes = [
               path: 'committee',
               component: CommitteeTabComponent,
               data: { title: extract('Committee'), breadcrumb: 'Committee', routeParamBreadcrumb: false }
+            },
+            {
+              path: 'datatables',
+              children: [
+                {
+                  path: ':datatableName',
+                  component: DatatableTabsComponent,
+                  data: { title: extract('View Data Table'), routeParamBreadcrumb: 'datatableName' },
+                  resolve: {
+                    groupDatatable: GroupDatatableResolver
+                  }
+                }
+              ]
             }
           ]
         }
@@ -90,6 +107,8 @@ const routes: Routes = [
   providers: [GroupViewResolver,
               GroupAccountsResolver,
               GroupSummaryResolver,
-              GroupNotesResolver]
+              GroupNotesResolver,
+              GroupDatatablesResolver,
+              GroupDatatableResolver]
 })
 export class GroupsRoutingModule { }