feat(console): domain verification, create org, regexp route guards, change org, iam member (#573)

* verification dialog, service

* i18n, verification dialog

* file saver

* savefile

* verify trigger

* delete project, i18n

* org create dialog

* org-create-self

* stylelint

* fix signout redirect

* rm unused dialog component, import

* project i18n de

* regexp roles

* use regex to check permissions

* border radius

* change validation flow

* update org member

* iam member change

* lint

* rm unused css

* Update console/src/assets/i18n/de.json

Co-authored-by: Fabi <[email protected]>

* Update console/src/assets/i18n/de.json

Co-authored-by: Fabi <[email protected]>

* change guard

Co-authored-by: Fabi <[email protected]>

console/src/app/pages/projects/apps/app-detail/app-detail.component.html

@@ -32,7 +32,8 @@
                 <p class="docs-line" *ngIf="docs?.issuer">Issuer: {{docs.issuer}}</p>
             </div>
             <div class="btn-container">
-                <button type="submit" color="primary" [disabled]="appNameForm.invalid || name?.disabled"
+                <button class="submit-button" type="submit" color="primary"
+                    [disabled]="appNameForm.invalid || name?.disabled"
                     mat-raised-button>{{ 'ACTIONS.SAVE' | translate }}</button>
             </div>
         </form>

console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.html

@@ -6,12 +6,18 @@
             </a>
             <h1>{{ 'PROJECT.PAGES.TITLE' | translate }} {{project?.name}}</h1>
             <ng-template appHasRole [appHasRole]="['project.write:'+projectId, 'project.write']">
-                <button mat-icon-button (click)="editstate = !editstate" aria-label="Edit project name"
-                    *ngIf="isZitadel === false">
+                <button matTooltip="{{'ACTIONS.EDIT' | translate}}" mat-icon-button (click)="editstate = !editstate"
+                    aria-label="Edit project name" *ngIf="isZitadel === false">
                     <mat-icon *ngIf="!editstate">edit</mat-icon>
                     <mat-icon *ngIf="editstate">close</mat-icon>
                 </button>
             </ng-template>
+            <ng-template appHasRole [appHasRole]="['project.delete:'+projectId, 'project.delete']">
+                <button matTooltip="{{'ACTIONS.DELETE' | translate}}" color="warn" mat-icon-button
+                    (click)="deleteProject()" aria-label="Edit project name" *ngIf="isZitadel === false">
+                    <i class="las la-trash"></i>
+                </button>
+            </ng-template>
 
             <span class="fill-space"></span>
 

console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.component.ts

@@ -166,6 +166,28 @@ export class OwnedProjectDetailComponent implements OnInit, OnDestroy {
         }
     }
 
+    public deleteProject(): void {
+        const dialogRef = this.dialog.open(WarnDialogComponent, {
+            data: {
+                confirmKey: 'ACTIONS.DELETE',
+                cancelKey: 'ACTIONS.CANCEL',
+                titleKey: 'PROJECT.PAGES.DIALOG.DELETE.TITLE',
+                descriptionKey: 'PROJECT.PAGES.DIALOG.DELETE.DESCRIPTION',
+            },
+            width: '400px',
+        });
+        dialogRef.afterClosed().subscribe(resp => {
+            if (resp) {
+                this.projectService.RemoveProject(this.projectId).then(() => {
+                    this.toast.showInfo('PROJECT.TOAST.DELETED', true);
+                    this.router.navigate(['/projects']);
+                }).catch(error => {
+                    this.toast.showError(error);
+                });
+            }
+        });
+    }
+
     public saveProject(): void {
         this.projectService.UpdateProject(this.project.projectId, this.project.name).then(() => {
             this.toast.showInfo('PROJECT.TOAST.UPDATED', true);

console/src/app/pages/projects/owned-projects/owned-project-detail/owned-project-detail.module.ts

@@ -11,6 +11,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTableModule } from '@angular/material/table';
 import { MatTabsModule } from '@angular/material/tabs';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { TranslateModule } from '@ngx-translate/core';
 import { HasRoleModule } from 'src/app/directives/has-role/has-role.module';
 import { MemberCreateDialogModule } from 'src/app/modules/add-member-dialog/member-create-dialog.module';
@@ -50,6 +51,7 @@ import { ProjectGrantsComponent } from './project-grants/project-grants.componen
         MatIconModule,
         ContributorsModule,
         WarnDialogModule,
+        MatTooltipModule,
         ProjectRolesModule,
         HasRolePipeModule,
         UserGrantsModule,