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/modules/user-grants/user-grants.component.html

@@ -25,7 +25,6 @@
         <mat-spinner diameter="50"></mat-spinner>
     </div>
     <table mat-table multiTemplateDataRows class="full-width-table" aria-label="Elements" [dataSource]="dataSource">
-
         <ng-container matColumnDef="select">
             <th class="selection" mat-header-cell *matHeaderCellDef>
                 <mat-checkbox color="primary" (change)="$event ? masterToggle() : null"
@@ -53,7 +52,7 @@
         <ng-container matColumnDef="org">
             <th mat-header-cell *matHeaderCellDef> {{ 'PROJECT.GRANT.GRANTEDORGDOMAIN' | translate }} </th>
             <td class="pointer" mat-cell *matCellDef="let grant">
-                {{grant.orgDomain}} {{grant.orgName}} </td>
+                {{grant.orgName}} </td>
         </ng-container>
 
         <ng-container matColumnDef="projectId">
@@ -81,7 +80,8 @@
                 <ng-container *ngIf="context === UserGrantContext.USER">
                     <span class="no-roles"
                         *ngIf="grant.roleKeysList?.length === 0">{{'PROJECT.GRANT.NOROLES' | translate}}</span>
-                    <span *ngFor="let role of grant.roleKeysList">{{role}}</span>
+                    <span
+                        *ngFor="let role of grant.roleKeysList">{{ (role.length>8)? (role | slice:0:8)+'..':(role) }}</span>
                 </ng-container>
 
                 <!-- <ng-container *ngIf="context === UserGrantContext.USER">
@@ -105,7 +105,8 @@
 
                 <ng-container *ngIf="context === UserGrantContext.OWNED_PROJECT">
                     <ng-container *ngIf="loadedProjectId !== grant.projectId">
-                        <span class="role app-label" *ngFor="let role of grant.roleKeysList">{{role}}</span>
+                        <span class="role app-label"
+                            *ngFor="let role of grant.roleKeysList">{{ (role.length>6)? (role | slice:0:6)+'..':(role) }}</span>
                         <button mat-icon-button (click)="getProjectRoleOptions(grant.projectId)"
                             matTooltip="{{'ACTIONS.CHANGE' | translate}}">
                             <i class="las la-edit"></i>
@@ -141,6 +142,7 @@
         </tr>
     </table>
 
-    <mat-paginator #paginator [length]="dataSource.totalResult" [pageSize]="50" [pageSizeOptions]="[25, 50, 100, 250]">
+    <mat-paginator #paginator [length]="dataSource.totalResult" [pageSize]="50" [length]="dataSource.totalResult"
+        [pageSizeOptions]="[2, 3, 25, 50, 100, 250]" (page)="changePage($event)">
     </mat-paginator>
 </div>