feat(console): integrate frontend (#95)

* feat: console frontend * chore(dependabot): cycle and npm * chore: rename citadel to zitadel, remove generated files * chore: delete go files * chore(frontend): ci steps * chore: remove docker and envoy files * chore: remove docker file * chore: working dir * chore: run proto build * add console start * chore: restructure folders * chore: remove gui build * statikFs * generate proto for console * add statik import * import * chore: try statik * chore: path * chore: path * chore: script in root * chore: order build steps * chore: go get * chore: folder traversal * chore: non empty test file * chore: gitignore * chore: gitignore * chore: statik path * chore: switch to failing FE build * fix: build * fix: project-grant-test * fix: rm test * add statik.go * go mod tidy * chore: place test, seperate test from build * chore: lint all the world * chore: ci the world instead * chore: tune docker * chore: undo container test * chore: fix run * chore: docker build * chore: test docker build * chore: go build flags * finaly * fix caos_local * go mod Co-authored-by: Livio Amstutz <[email protected]> Co-authored-by: Max Peintner <[email protected]>
2026-11-07 14:52:15 +00:00 · 2020-05-13 14:41:43 +02:00
parent 9e32740eb8
commit 92a294f5c8
375 changed files with 97826 additions and 52 deletions
@@ -0,0 +1,54 @@
+<form>
+    <mat-form-field *ngIf="target == UserTarget.SELF" appearance="outline" class="full-width">
+        <mat-label>Organizations User Email</mat-label>
+
+        <input matInput *ngIf="singleOutput" type="text" placeholder="Search for the user email" #usernameInput
+            [formControl]="myControl" [matAutocomplete]="auto" />
+
+        <mat-chip-list *ngIf="!singleOutput" #chipList aria-label="useremail selection">
+            <mat-chip class="chip" *ngFor="let selecteduser of users" [selectable]="selectable" [removable]="removable"
+                (removed)="remove(selecteduser)">
+                {{ selecteduser?.firstName }} {{selecteduser.lastName}} | <small> {{selecteduser.email}}</small>
+                <mat-icon matChipRemove *ngIf="removable">cancel</mat-icon>
+            </mat-chip>
+            <input placeholder="{{'ORG_DETAIL.MEMBER.EMAIL' | translate}}" #usernameInput [formControl]="myControl"
+                [matAutocomplete]="auto" [matChipInputFor]="chipList"
+                [matChipInputSeparatorKeyCodes]="separatorKeysCodes" [matChipInputAddOnBlur]="addOnBlur"
+                (matChipInputTokenEnd)="add($event)" />
+        </mat-chip-list>
+
+        <!-- <mat-hint *ngIf="hint">
+            {{hint}}
+            <a (click)=" changeTarget()">{{'USER.TARGET.CLICKHERE' | translate}}</a>
+        </mat-hint> -->
+
+        <mat-autocomplete #auto="matAutocomplete" (optionSelected)="selected($event)" [displayWith]="displayFn">
+            <mat-option *ngIf="isLoading" class="is-loading">
+                <mat-spinner diameter="30"></mat-spinner>
+            </mat-option>
+            <mat-option *ngFor="let user of filteredUsers" [value]="user">
+                {{user.firstName}} {{user.lastName}}
+                <small>{{user.email}}</small>
+            </mat-option>
+        </mat-autocomplete>
+    </mat-form-field>
+
+    <div *ngIf="target == UserTarget.EXTERNAL" class="line">
+        <mat-form-field appearance="outline">
+            <mat-label>Global User Email</mat-label>
+            <input matInput type="text" [formControl]="globalEmailControl" />
+        </mat-form-field>
+
+        <button mat-icon-button (click)="getGlobalUser()">
+            <mat-icon>search</mat-icon>
+        </button>
+    </div>
+
+    <p *ngIf="target == UserTarget.EXTERNAL && users.length > 0">{{'USER.SEARCH.FOUND' | translate}}: <span
+            *ngFor="let user of users; index as i">{{user.email}} <mat-icon class="sm-dlt" (click)="users.splice(i, 1)">
+                remove_circle</mat-icon></span></p>
+
+    <p class="target-desc">{{(target == UserTarget.SELF ? 'USER.TARGET.SELF' : 'USER.TARGET.EXTERNAL') | translate}}
+        <a (click)="changeTarget()">{{'USER.TARGET.CLICKHERE' | translate}}</a>
+    </p>
+</form>