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/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.html

@@ -12,17 +12,18 @@
             </div>
         </div>
 
-        <!-- <ng-template appHasRole [appHasRole]="['project.grant.user.grant.read']"> -->
-        <app-card *ngIf="project?.projectId" title="{{ 'GRANTS.PROJECT.TITLE' | translate }}"
-            description="{{'GRANTS.PROJECT.DESCRIPTION' | translate }}">
-            <app-user-grants [context]="userGrantContext" [projectId]="projectId" [grantId]="grantId"
-                [allowCreate]="['project.grant.user.grant.write'] | hasRole"
-                [allowDelete]="['project.grant.user.grant.delete'] | hasRole">
-            </app-user-grants>
-        </app-card>
-        <!-- </ng-template> -->
+        <ng-template appHasRole [appHasRole]="['project.grant.user.grant.read']">
+            <app-card *ngIf="project?.projectId" title="{{ 'GRANTS.PROJECT.TITLE' | translate }}"
+                description="{{'GRANTS.PROJECT.DESCRIPTION' | translate }}">
+                <app-user-grants [context]="userGrantContext" [projectId]="projectId" [grantId]="grantId"
+                    [displayedColumns]="['select', 'projectId', 'creationDate', 'changeDate', 'roleNamesList']"
+                    [allowCreate]="['project.grant.user.grant.write'] | hasRole | async"
+                    [allowDelete]="['project.grant.user.grant.delete'] | hasRole | async">
+                </app-user-grants>
+            </app-card>
+        </ng-template>
     </div>
-    <metainfo class="side">
+    <div class="side" metainfo>
         <div class="details">
             <div class="row">
                 <span class="first">{{'PROJECT.STATE.TITLE' | translate}}:</span>
@@ -42,5 +43,5 @@
                 <app-changes *ngIf="project" [changeType]="ChangeType.PROJECT" [id]="project.id"></app-changes>
             </mat-tab>
         </mat-tab-group>
-    </metainfo>
+    </div>
 </app-meta-layout>

console/src/app/pages/projects/granted-projects/granted-project-detail/granted-project-detail.component.ts

@@ -91,7 +91,6 @@ export class GrantedProjectDetailComponent implements OnInit, OnDestroy {
         if (this.projectId && this.grantId) {
             this.projectService.GetGrantedProjectByID(this.projectId, this.grantId).then(proj => {
                 this.project = proj.toObject();
-                console.log('granted-project', this.project);
             }).catch(error => {
                 this.toast.showError(error);
             });

console/src/app/pages/projects/granted-projects/granted-project-list/granted-project-list.component.ts

@@ -106,9 +106,9 @@ export class GrantedProjectListComponent implements OnInit, OnDestroy {
         });
 
         Promise.all(promises).then(() => {
-            this.toast.showInfo('Reactivated selected projects successfully');
+            this.toast.showInfo('PROJECT.TOAST.REACTIVATED', true);
         }).catch(error => {
-            this.toast.showInfo(error.message);
+            this.toast.showError(error);
         });
     }
 
@@ -119,9 +119,9 @@ export class GrantedProjectListComponent implements OnInit, OnDestroy {
         });
 
         Promise.all(promises).then(() => {
-            this.toast.showInfo('Deactivated selected projects Successfully');
+            this.toast.showInfo('PROJECT.TOAST.DEACTIVATED', true);
         }).catch(error => {
-            this.toast.showInfo(error.message);
+            this.toast.showError(error);
         });
     }
 }

console/src/app/pages/projects/granted-projects/granted-projects-routing.module.ts

@@ -25,6 +25,7 @@ const routes: Routes = [
         path: ':projectid/grant/:grantid/members',
         data: {
             type: ProjectType.PROJECTTYPE_GRANTED,
+            roles: ['project.grant.member.read'],
         },
         loadChildren: () => import('src/app/modules/project-members/project-members.module')
             .then(m => m.ProjectMembersModule),
@@ -37,7 +38,10 @@ const routes: Routes = [
     {
         path: ':projectid/roles/create',
         loadChildren: () => import('../project-role-create/project-role-create.module').then(m => m.ProjectRoleCreateModule),
-
+        canActivate: [RoleGuard],
+        data: {
+            roles: ['project.write'],
+        },
     },
     {
         path: ':projectid/grants/create',

console/src/app/pages/projects/granted-projects/granted-projects.module.ts

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
@@ -21,11 +21,13 @@ import { ChangesModule } from 'src/app/modules/changes/changes.module';
 import { MetaLayoutModule } from 'src/app/modules/meta-layout/meta-layout.module';
 import { ProjectContributorsModule } from 'src/app/modules/project-contributors/project-contributors.module';
 import { ProjectRolesModule } from 'src/app/modules/project-roles/project-roles.module';
+import { SharedModule } from 'src/app/modules/shared/shared.module';
 import { UserGrantsModule } from 'src/app/modules/user-grants/user-grants.module';
-import { PipesModule } from 'src/app/pipes/pipes.module';
+import { HasRolePipeModule } from 'src/app/pipes/has-role-pipe.module';
+import { TimestampToDatePipeModule } from 'src/app/pipes/timestamp-to-date-pipe.module';
 
 import { GrantedProjectDetailComponent } from './granted-project-detail/granted-project-detail.component';
-import { GrantedProjectGridComponent } from './granted-project-grid/granted-project-grid.component';
+import { GrantedProjectGridComponent } from './granted-project-list/granted-project-grid/granted-project-grid.component';
 import { GrantedProjectListComponent } from './granted-project-list/granted-project-list.component';
 import { GrantedProjectsRoutingModule } from './granted-projects-routing.module';
 import { GrantedProjectsComponent } from './granted-projects.component';
@@ -63,9 +65,10 @@ import { GrantedProjectsComponent } from './granted-projects.component';
         CardModule,
         MatTooltipModule,
         MatSortModule,
-        PipesModule,
+        HasRolePipeModule,
         TranslateModule,
+        TimestampToDatePipeModule,
+        SharedModule,
     ],
-    schemas: [NO_ERRORS_SCHEMA],
 })
 export class GrantedProjectsModule { }