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]>

console/src/app/modules/accounts-card/accounts-card.component.html

@@ -0,0 +1,32 @@
+<div class="card" appOutsideClick (clickOutside)="closeCard($event)">
+    <mat-icon class="avatar">account_circle</mat-icon>
+    <span class="u-name">{{profile?.firstName}} {{profile?.lastName}}</span>
+    <span class="u-email">{{profile?.userName}}</span>
+    <span class="iamuser" *ngIf="iamuser">IAM USER</span>
+
+    <button color="accent" (click)="editUserProfile()" mat-stroked-button>{{'USER.EDITACCOUNT' | translate}}</button>
+    <div class="l-accounts">
+        <mat-progress-bar *ngIf="loadingUsers" color="accent" mode="indeterminate"></mat-progress-bar>
+        <a class="row" *ngFor="let user of users" (click)="selectAccount(user.userName)">
+            <mat-icon class="small-avatar" svgIcon="mdi_account_circle_outline"></mat-icon>
+            <div class="col">
+                <span class="title">{{user.userName}}</span>
+                <span class="email">{{'USER.STATE.'+user.authState | translate}}</span>
+            </div>
+            <span class="fill-space"></span>
+            <mat-icon>keyboard_arrow_right</mat-icon>
+        </a>
+        <a class="row" (click)="selectAccount()">
+            <div class="icon-wrapper">
+                <mat-icon>add</mat-icon>
+            </div>
+            <span class="col">
+                <span class="title">{{'USER.ADDACCOUNT' | translate}}</span>
+            </span>
+            <span class="fill-space"></span>
+            <mat-icon>keyboard_arrow_right</mat-icon>
+        </a>
+    </div>
+
+    <button color="accent" (click)="logout()" mat-stroked-button>logout everywhere</button>
+</div>