feat: add groups view page (general-tab) (#784)

Fixes: #217

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

@@ -10,14 +10,48 @@ import { extract } from '../core/i18n/i18n.service';
 
 /** Custom Imports */
 import { GroupsComponent } from './groups.component';
+import { GroupsViewComponent } from './groups-view/groups-view.component';
+import { GeneralTabComponent } from './groups-view/general-tab/general-tab.component';
+
+/** Custom Resolvers */
+import { GroupViewResolver } from './common-resolvers/group-view.resolver';
+import { GroupAccountsResolver } from './common-resolvers/group-account.resolver';
+import { GroupSummaryResolver } from './common-resolvers/group-summary.resolver';
+import { GroupClientMembersResolver } from './common-resolvers/group-client-members.resolver';
 
 /** Groups Routes */
 const routes: Routes = [
   Route.withShell([
     {
       path: 'groups',
-      component: GroupsComponent,
-      data: { title: extract('Groups'), breadcrumb: 'Groups' }
+      data: { title: extract('Groups'), breadcrumb: 'Groups', routeParamBreadcrumb: false },
+      children: [
+        {
+          path: '',
+          component: GroupsComponent,
+        },
+        {
+          path: ':groupId',
+          component: GroupsViewComponent,
+          data: { title: extract('View Group'), routeParamBreadcrumb: 'groupId' },
+          resolve: {
+            groupViewData: GroupViewResolver,
+
+          },
+          children: [
+            {
+              path: 'general',
+              component: GeneralTabComponent,
+              data: { title: extract('General'), breadcrumb: 'General', routeParamBreadcrumb: false },
+              resolve: {
+                groupAccountsData: GroupAccountsResolver,
+                groupClientMembers: GroupClientMembersResolver,
+                groupSummary: GroupSummaryResolver
+              }
+            }
+          ]
+        }
+      ]
     }
   ])
 ];
@@ -30,6 +64,9 @@ const routes: Routes = [
 @NgModule({
   imports: [RouterModule.forChild(routes)],
   exports: [RouterModule],
-  providers: []
+  providers: [GroupViewResolver,
+              GroupAccountsResolver,
+              GroupSummaryResolver,
+              GroupClientMembersResolver]
 })
 export class GroupsRoutingModule { }