zitadel/console/src/app/pages/project-grant-create/project-grant-create.component.ts

import { Location } from '@angular/common';
import { Component, OnDestroy, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
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;
        });
    }

    public ngOnDestroy(): void {
        this.routeSubscription.unsubscribe();
    }

    public searchOrg(domain: string): void {
        console.log(domain);
        this.orgService.getOrgByDomainGlobal(domain).then((ret) => {
            const tmp = ret.toObject();
            console.log(ret.toObject());
            this.authService.GetActiveOrg().then((org) => {
                console.log(org);
                if (tmp !== org) {
                    this.org = tmp;
                }
            });
            this.org = ret.toObject();
            console.log(this.org);
        }).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) => {
                this.close();
            })
            .catch(error => {
                this.toast.showError(error.message);
            });
    }

    public selectRoles(roles: ProjectRole.AsObject[]): void {
        this.rolesKeyList = roles.map(role => role.key);
    }

    public next(): void {
        this.currentCreateStep++;
    }

    public previous(): void {
        this.currentCreateStep--;
    }
}