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-10 08:05:12 +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,97 @@
+import { Location } from '@angular/common';
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { Timestamp } from 'google-protobuf/google/protobuf/timestamp_pb';
+import { Subscription } from 'rxjs';
+import { Org, ProjectRole } from 'src/app/proto/generated/management_pb';
+import { AuthService } from 'src/app/services/auth.service';
+import { OrgService } from 'src/app/services/org.service';
+import { ProjectService } from 'src/app/services/project.service';
+import { ToastService } from 'src/app/services/toast.service';
+
+@Component({
+    selector: 'app-project-grant-create',
+    templateUrl: './project-grant-create.component.html',
+    styleUrls: ['./project-grant-create.component.scss'],
+})
+export class ProjectGrantCreateComponent implements OnInit, OnDestroy {
+    public org!: Org.AsObject;
+    public projectId: string = '';
+    public grantId: string = '';
+    public rolesKeyList: string[] = [];
+
+    public STEPS: number = 2;
+    public currentCreateStep: number = 1;
+
+    private routeSubscription: Subscription = new Subscription();
+    constructor(
+        private orgService: OrgService,
+        private route: ActivatedRoute,
+        private toast: ToastService,
+        private projectService: ProjectService,
+        private authService: AuthService,
+        private _location: Location,
+    ) { }
+
+    public ngOnInit(): void {
+        this.routeSubscription = this.route.params.subscribe(params => {
+            this.projectId = params.projectid;
+            console.log(params);
+        });
+    }
+
+    public ngOnDestroy(): void {
+        this.routeSubscription.unsubscribe();
+    }
+
+    public searchOrg(domain: any): void {
+        this.orgService.getOrgByDomainGlobal(domain.value).then((ret) => {
+            console.log(ret.toObject());
+            const tmp = ret.toObject();
+            this.authService.GetActiveOrg().then((org) => {
+                if (tmp !== org) {
+                    this.org = tmp;
+                }
+            });
+            this.org = ret.toObject();
+        }).catch(error => {
+            this.toast.showError(error.message);
+        });
+    }
+
+    public close(): void {
+        this._location.back();
+    }
+
+    public addGrant(): void {
+        this.projectService
+            .CreateProjectGrant(this.org.id, this.projectId, this.rolesKeyList)
+            .then((data) => {
+                console.log(data);
+                this.close();
+            })
+            .catch(error => {
+                this.toast.showError(error.message);
+                console.log(error);
+            });
+    }
+
+
+    public dateFromTimestamp(date: Timestamp.AsObject): any {
+        const ts: Date = new Date(date.seconds * 1000 + date.nanos / 1000);
+        return ts;
+    }
+
+    public selectRoles(roles: ProjectRole.AsObject[]): void {
+        this.rolesKeyList = roles.map(role => role.key);
+    }
+
+    public next(): void {
+        this.currentCreateStep++;
+    }
+
+    public previous(): void {
+        this.currentCreateStep--;
+    }
+}
+