fix(console): project member grants, user grants (#329)

* checkbox color

* project grant preview

* project grante expandable row

* add grant detail component

* proto regen

* project grant members shared module

* fix project grant members dialog

* fix create dialog

* lint

* add avatar colors, meta component styling

* light theme

* dl report

* styles

* move grants out of user context, grant detail

* i18n grant pipe

* lint

* user grants

* clear expandable view project grants

* fix project member routing

* fix granted members routing

* fix group label

* rename project grant

* disable zitadel grant members

* fix routing user grant creation

* rest member writes

* ignore case searches

* forkjoin observables for project search

* fix grant creation with users

* fix projectid reference

* formfield table style, user grant dynamic load

* show key if no displayvalue is set

* Delete report.20200630.163913.44081.0.001.json

Co-authored-by: Silvan <[email protected]>

console/src/app/pages/user-grant-create/user-grant-create.component.html

@@ -3,28 +3,33 @@
         <button (click)="close()" mat-icon-button>
             <mat-icon>close</mat-icon>
         </button>
-        <span class="abort">{{ 'USER.GRANTS.CREATE.TITLE' | translate }}</span><span class="abort-2">Step
+        <span class="abort">{{ 'GRANTS.CREATE.TITLE' | translate }}</span><span class="abort-2">Step
             {{ currentCreateStep }} of
             {{ STEPS }}</span>
     </div>
 
 
     <ng-container *ngIf="currentCreateStep === 1">
-        <h1>{{'PROJECT.GRANT.CREATE.ORG_TITLE' | translate}}</h1>
+        <p class="desc">
+            {{'PROJECT.GRANT.CREATE.ORG_DESCRIPTION' | translate: org}}
+            <br>
+            {{'PROJECT.GRANT.CREATE.ORG_DESCRIPTION_DESC' | translate}}
+        </p>
 
-        <p class="desc">{{'PROJECT.GRANT.CREATE.ORG_DESCRIPTION' | translate: org}}</p>
-        <p class="org" *ngIf="org">{{org?.name}}</p>
+        <ng-container *ngIf="filter && filter == UserGrantSearchKey.USERGRANTSEARCHKEY_USER_ID">
+            <h1>{{'PROJECT.GRANT.CREATE.SEL_PROJECT' | translate}}</h1>
 
-        <p class="desc">{{'PROJECT.GRANT.CREATE.ORG_DESCRIPTION_DESC' | translate}}</p>
-        <!-- <app-search-org-autocomplete class="block" singleOutput="true" (selectionChanged)="selectOrg($event)">
-        </app-search-org-autocomplete> -->
-    </ng-container>
+            <app-search-project-autocomplete class="block" singleOutput="true"
+                (selectionChanged)="selectProject($event)">
+            </app-search-project-autocomplete>
+        </ng-container>
 
-    <ng-container *ngIf="currentCreateStep === 2">
-        <h1>{{'PROJECT.GRANT.CREATE.SEL_PROJECT' | translate}}</h1>
+        <ng-container *ngIf="filter && filter == UserGrantSearchKey.USERGRANTSEARCHKEY_PROJECT_ID">
+            <h1>{{'PROJECT.GRANT.CREATE.SEL_PROJECT' | translate}}</h1>
 
-        <app-search-project-autocomplete class="block" singleOutput="true" (selectionChanged)="selectProject($event)">
-        </app-search-project-autocomplete>
+            <app-search-user-autocomplete class="block" singleOutput="true" (selectionChanged)="selectUser($event)">
+            </app-search-user-autocomplete>
+        </ng-container>
     </ng-container>
 
     <ng-container *ngIf="currentCreateStep === STEPS">
@@ -37,24 +42,13 @@
 
     <div class="btn-container">
         <ng-container *ngIf="currentCreateStep === 1">
-            <!-- <span></span> -->
-            <button [disabled]="!org || !userId" (click)="next()" color="primary" mat-raised-button class="big-button"
-                cdkFocusInitial>
+            <button
+                [disabled]="!org || (filter == UserGrantSearchKey.USERGRANTSEARCHKEY_PROJECT_ID && !projectId) || (filter == UserGrantSearchKey.USERGRANTSEARCHKEY_USER_ID && !userId)"
+                (click)="next()" color="primary" mat-raised-button class="big-button" cdkFocusInitial>
                 {{ 'ACTIONS.CONTINUE' | translate }}
             </button>
         </ng-container>
 
-        <ng-container *ngIf="currentCreateStep === 2">
-            <button (click)="previous()" color="primary" mat-button class="small-button" cdkFocusInitial>
-                {{ 'ACTIONS.BACK' | translate }}
-            </button>
-            <button [disabled]="!org || !userId" (click)="next()" color="primary" mat-raised-button class="big-button"
-                cdkFocusInitial>
-                {{ 'ACTIONS.CONTINUE' | translate }}
-            </button>
-        </ng-container>
-
-
         <ng-container *ngIf="currentCreateStep === STEPS">
             <button (click)="previous()" color="primary" mat-button class="small-button" cdkFocusInitial>
                 {{ 'ACTIONS.BACK' | translate }}