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-12 17:15: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,8 @@
+<div class="meta-wrapper">
+    <div class="main-content">
+        <ng-content></ng-content>
+    </div>
+    <div class="meta">
+        <ng-content class="meta-content" select="metainfo"></ng-content>
+    </div>
+</div>
@@ -0,0 +1,33 @@
+.meta-wrapper {
+	display: flex;
+	height: 100%;
+
+    .main-content {
+		display: relative;
+		width: 100%;
+        overflow-y: auto;
+    }
+
+    .meta {
+        flex: 1 0 300px;
+		@media only screen and (min-width: 1500px) {
+			flex-basis: 400px;
+		}
+		// overflow-y: auto;
+        padding: 1rem;
+        
+        .meta-content {
+            max-height: calc(100vh - 60px);
+            display: flex;
+            flex-direction: column;
+        }
+    }
+    
+
+	@media only screen and (max-width: 700px) {
+        flex-direction: column;
+        .main-content, .meta {
+            overflow-y: visible;
+        }
+    }
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MetaLayoutComponent } from './meta-layout.component';
+
+describe('MetaLayoutComponent', () => {
+    let component: MetaLayoutComponent;
+    let fixture: ComponentFixture<MetaLayoutComponent>;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            declarations: [MetaLayoutComponent],
+        })
+            .compileComponents();
+    }));
+
+    beforeEach(() => {
+        fixture = TestBed.createComponent(MetaLayoutComponent);
+        component = fixture.componentInstance;
+        fixture.detectChanges();
+    });
+
+    it('should create', () => {
+        expect(component).toBeTruthy();
+    });
+});
@@ -0,0 +1,9 @@
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-meta-layout',
+    templateUrl: './meta-layout.component.html',
+    styleUrls: ['./meta-layout.component.scss'],
+})
+export class MetaLayoutComponent {
+}
@@ -0,0 +1,15 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+
+import { MetaLayoutComponent } from './meta-layout.component';
+
+
+
+@NgModule({
+    declarations: [MetaLayoutComponent],
+    imports: [
+        CommonModule,
+    ],
+    exports: [MetaLayoutComponent],
+})
+export class MetaLayoutModule { }