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/pages/projects/project-application-grid/project-application-grid.component.html

@@ -0,0 +1,24 @@
+<div class="header">
+    <h3>{{'APP.LIST' | translate}}</h3>
+    <span class="fill-space"></span>
+    <button mat-icon-button (click)="closeView()">
+        <mat-icon matTooltip="show list view">list</mat-icon>
+    </button>
+</div>
+<div class="app-container">
+    <div [routerLink]="['/projects', projectId, 'apps', app.id ]" class="app-wrap"
+        *ngFor="let app of appsSubject | async">
+        <div class="morph-card">
+            {{ app.name.charAt(0)}}
+        </div>
+        <span class="name">{{app.name}}</span>
+    </div>
+    <ng-template appHasRole [appHasRole]="['project.app.write']">
+        <div class="app-wrap" *ngIf="!disabled" [routerLink]="[ '/projects', projectId, 'apps', 'create']">
+            <div class="morph-card add">
+                <mat-icon>add</mat-icon>
+            </div>
+            <span class="name">{{ 'ACTIONS.NEW' | translate }}</span>
+        </div>
+    </ng-template>
+</div>