Add routing for Tenants section with Outlet and TenantGrid components

src/angular/frontend/src/app/app.routes.ts

@@ -5,6 +5,9 @@ import {authGuard} from './guards/auth.guard';
 import {ShellComponent} from './components/shell/shell.component';
 import {subjectResolver} from './resolvers/subject.resolver';
 import {DashboardComponent} from './components/dashboard/dashboard.component';
+import {TenantGridComponent} from './components/tenant/tenant-grid/tenant-grid.component';
+import {OutletComponent} from './components/outlet/outlet.component';
+import {tenantNameResolver, tenantResolver} from './resolvers/tenantResolver';
 
 export const routes: Routes = [
   {
@@ -63,7 +66,80 @@ export const routes: Routes = [
             ]
           }
         ]
-      }
+      },
+      {
+        title: 'Users',
+        path: 'users',
+        component: HomeComponent,
+        data: { showInNav: true }
+      },
+      {
+        title: 'Tenants',
+        path: 'tenants',
+        component: OutletComponent,
+        data: { showInNav: true },
+        children: [
+          {
+            title: 'Grid',
+            path: '',
+            component: TenantGridComponent,
+          },
+          {
+            path: ':id',
+            component: HomeComponent,
+            resolve: {
+              tenant: tenantResolver,
+              title: tenantNameResolver,
+            },
+            children: [
+              {
+                title: 'Apps',
+                path: 'apps',
+                component: HomeComponent,
+                children: [
+                  {
+                    title: 'App TODO',
+                    path: ':id',
+                    component: HomeComponent,
+                    children: [
+                      {
+                        title: 'Groups',
+                        path: 'groups',
+                        component: HomeComponent,
+                      },
+                      {
+                        title: 'Roles',
+                        path: 'roles',
+                        component: HomeComponent,
+                      },
+                      {
+                        title: 'Authorities',
+                        path: 'authorities',
+                        component: HomeComponent,
+                      },
+                    ]
+                  }
+                ]
+              },
+              {
+                title: 'Groups',
+                path: 'groups',
+                component: HomeComponent,
+              },
+              {
+                title: 'Roles',
+                path: 'roles',
+                component: HomeComponent,
+              },
+              {
+                title: 'Authorities',
+                path: 'authorities',
+                component: HomeComponent,
+              },
+            ]
+          },
+        ]
+      },
     ],
     canActivate: [authGuard],
     resolve: {