fix(console): cleanup structure, role guard, paginated requests, cleanup policies, toast i18n, view timestamp, preloading strategy, maennchenfindings, fix passwordchange (#483)

* routes, move grid to list comopnent

* rename app list component, move to project sub

* add owned-project-detail child module

* seperate pipes

* set password validators only if needed

* create org initialize without pwd

* no caps

* self xss message

* fix user table

* fix project member paginator

* fix project members pagination, user grant pag

* move project grants, fix imports

* fix owned project detail imports

* use pipe and directives

* ng content bindings, rem custom schemas

* i18n, fix error toast parameter

* toast i18n

* side background

* fix: sequence, add timestamp

* audit

* fix metanav background

* org domain label

* cleanup policy component

* shorten user grant roles, mk cols visible as bind

* move user components, show otp only if available

* preload modules

* fix password change

* fix org create buttons

* class css

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

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
+import { QuicklinkStrategy } from 'ngx-quicklink';
 
 import { AuthGuard } from './guards/auth.guard';
 import { RoleGuard } from './guards/role.guard';
@@ -30,15 +31,30 @@ const routes: Routes = [
     },
     {
         path: 'users',
-        loadChildren: () => import('./pages/users/users.module').then(m => m.UsersModule),
         canActivate: [AuthGuard],
+        children: [
+            {
+                path: 'all',
+                loadChildren: () => import('src/app/pages/users/user-list/user-list.module')
+                    .then(m => m.UserListModule),
+                canActivate: [RoleGuard],
+                data: {
+                    roles: ['user.read'],
+                },
+            },
+            {
+                path: '',
+                loadChildren: () => import('src/app/pages/users/user-detail/user-detail.module')
+                    .then(m => m.UserDetailModule),
+            },
+        ],
     },
     {
         path: 'iam',
         loadChildren: () => import('./pages/iam/iam.module').then(m => m.IamModule),
         canActivate: [AuthGuard, RoleGuard],
         data: {
-            roles: ['iam.read'],
+            roles: ['iam.read', 'iam.write'],
         },
     },
     {
@@ -49,27 +65,30 @@ const routes: Routes = [
             roles: ['org.read'],
         },
     },
-    {
-        path: 'grant-create/project/:projectid/grant/:grantid',
-        loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
-            .then(m => m.UserGrantCreateModule),
-    },
-    {
-        path: 'grant-create/project/:projectid',
-        loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
-            .then(m => m.UserGrantCreateModule),
-    },
-    {
-        path: 'grant-create/user/:userid',
-        loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
-            .then(m => m.UserGrantCreateModule),
-    },
     {
         path: 'grant-create',
-        loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
-            .then(m => m.UserGrantCreateModule),
+        canActivate: [AuthGuard],
+        children: [
+            {
+                path: 'project/:projectid/grant/:grantid',
+                loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
+                    .then(m => m.UserGrantCreateModule),
+                canActivate: [RoleGuard],
+                data: {
+                    roles: ['project.grant.user.grant.write'],
+                },
+            },
+            {
+                path: 'project/:projectid',
+                loadChildren: () => import('src/app/pages/user-grant-create/user-grant-create.module')
+                    .then(m => m.UserGrantCreateModule),
+                canActivate: [RoleGuard],
+                data: {
+                    roles: ['project.user.grant.write'],
+                },
+            },
+        ],
     },
-
     {
         path: 'signedout',
         loadChildren: () => import('./pages/signedout/signedout.module').then(m => m.SignedoutModule),
@@ -81,7 +100,14 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forRoot(routes)],
+    imports: [
+        RouterModule.forRoot(
+            routes,
+            {
+                preloadingStrategy: QuicklinkStrategy,
+            },
+        ),
+    ],
     exports: [RouterModule],
 })
 export class AppRoutingModule { }