feat: console flat navigation, settings (#3581)

* instance routing

* instance naming

* org list

* rm isonsystem

* breadcrumb  type

* routing

* instance members

* fragment refresh org

* settings pages

* settings list, sidenav grouping, i18n

* org-settings, policy changes

* lint

* grid

* rename grid

* fallback to general

* cleanup

* general settings, remove cards

* sidenav for settings, label policy

* i18n

* header, nav backbuild

* general, project nav rehaul

* login text background adapt

* org nav anim

* org, instance settings, fix policy layout, roles

* i18n, active route for project

* lint

console/src/app/pages/orgs/org-detail/org-detail.component.html

@@ -25,7 +25,7 @@
 <div class="max-width-container">
   <cnsl-meta-layout>
     <ng-template cnslHasRole [hasRole]="['policy.read']">
-      <cnsl-policy-grid [type]="PolicyComponentServiceType.MGMT"></cnsl-policy-grid>
+      <cnsl-settings-grid [type]="PolicyComponentServiceType.MGMT"></cnsl-settings-grid>
     </ng-template>
 
     <div metainfo>

console/src/app/pages/orgs/org-detail/org-detail.component.ts

@@ -1,7 +1,7 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
-import { Router } from '@angular/router';
-import { BehaviorSubject, from, Observable, of } from 'rxjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import { BehaviorSubject, from, Observable, of, Subject, takeUntil } from 'rxjs';
 import { catchError, finalize, map } from 'rxjs/operators';
 import { CreationType, MemberCreateDialogComponent } from 'src/app/modules/add-member-dialog/member-create-dialog.component';
 import { ChangeType } from 'src/app/modules/changes/changes.component';
@@ -18,7 +18,7 @@ import { ToastService } from 'src/app/services/toast.service';
   templateUrl: './org-detail.component.html',
   styleUrls: ['./org-detail.component.scss'],
 })
-export class OrgDetailComponent implements OnInit {
+export class OrgDetailComponent implements OnInit, OnDestroy {
   public org!: Org.AsObject;
   public PolicyComponentServiceType: any = PolicyComponentServiceType;
 
@@ -30,30 +30,35 @@ export class OrgDetailComponent implements OnInit {
   public loading$: Observable<boolean> = this.loadingSubject.asObservable();
   public totalMemberResult: number = 0;
   public membersSubject: BehaviorSubject<Member.AsObject[]> = new BehaviorSubject<Member.AsObject[]>([]);
-
+  private destroy$: Subject<void> = new Subject();
   constructor(
     private dialog: MatDialog,
     public mgmtService: ManagementService,
     private toast: ToastService,
     private router: Router,
     breadcrumbService: BreadcrumbService,
+    activatedRoute: ActivatedRoute,
   ) {
-    const iamBread = new Breadcrumb({
-      type: BreadcrumbType.IAM,
-      name: 'IAM',
-      routerLink: ['/system'],
-    });
     const bread: Breadcrumb = {
       type: BreadcrumbType.ORG,
       routerLink: ['/org'],
     };
-    breadcrumbService.setBreadcrumb([iamBread, bread]);
+    breadcrumbService.setBreadcrumb([bread]);
+
+    activatedRoute.fragment.pipe(takeUntil(this.destroy$)).subscribe((orgId) => {
+      this.getData();
+    });
   }
 
   public ngOnInit(): void {
     this.getData();
   }
 
+  public ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
   private async getData(): Promise<void> {
     this.mgmtService
       .getMyOrg()

console/src/app/pages/orgs/org-list/org-list-routing.module.ts

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { OrgListComponent } from './org-list.component';
-
-const routes: Routes = [
-    {
-        path: '',
-        component: OrgListComponent,
-    },
-
-];
-
-@NgModule({
-    imports: [RouterModule.forChild(routes)],
-    exports: [RouterModule],
-})
-export class OrgListRoutingModule { }

console/src/app/pages/orgs/org-list/org-list.component.html

@@ -1,90 +0,0 @@
-<div class="max-width-container">
-  <div class="enlarged-container">
-    <h1>{{ 'ORG.PAGES.LIST' | translate }}</h1>
-    <p class="org-desc cnsl-secondary-text">{{'ORG.PAGES.LISTDESCRIPTION' | translate}}</p>
-
-    <cnsl-refresh-table *ngIf="dataSource" [hideRefresh]="true" (refreshed)="refresh()"
-      [dataSize]="dataSource.data.length" [loading]="loading$ | async">
-
-      <cnsl-filter-org actions (filterChanged)="applySearchQuery($any($event))" (filterOpen)="filterOpen = $event">
-      </cnsl-filter-org>
-
-      <ng-template actions cnslHasRole [hasRole]="['org.create','iam.write']">
-        <a [routerLink]="[ '/org', 'create']" color="primary" mat-raised-button class="cnsl-action-button">
-          <mat-icon class="icon">add</mat-icon>
-          <span>{{ 'ACTIONS.NEW' | translate }}</span>
-          <cnsl-action-keys (actionTriggered)="gotoRouterLink([ '/org', 'create'])">
-          </cnsl-action-keys>
-        </a>
-      </ng-template>
-
-      <table [dataSource]="dataSource" mat-table class="table" aria-label="Elements">
-        <ng-container matColumnDef="select">
-          <th class="selection" mat-header-cell *matHeaderCellDef>
-            {{'ORG.PAGES.ACTIVE' | translate}}
-          </th>
-          <td class="selection" mat-cell *matCellDef="let org">
-            <mat-radio-button (change)="selectOrg(org)" color="primary" [checked]="org.id === activeOrg.id">
-            </mat-radio-button>
-          </td>
-        </ng-container>
-
-        <ng-container matColumnDef="id">
-          <th mat-header-cell *matHeaderCellDef> {{ 'ORG.PAGES.ID' | translate }} </th>
-          <td mat-cell *matCellDef="let org" (change)="selectOrg(org)"> {{org.id}} </td>
-        </ng-container>
-
-        <ng-container matColumnDef="primaryDomain">
-          <th mat-header-cell *matHeaderCellDef> {{ 'ORG.PAGES.PRIMARYDOMAIN' | translate }} </th>
-          <td mat-cell *matCellDef="let org"><span>{{org.primaryDomain}}</span>
-            <button color="primary" class="cpy-button" mat-icon-button [disabled]="copied === org.primaryDomain"
-              [matTooltip]="(copied !== org.primaryDomain ? 'ACTIONS.COPY' : 'ACTIONS.COPIED' ) | translate"
-              cnslCopyToClipboard [valueToCopy]="org.primaryDomain" (copiedValue)="copied = $event">
-              <i *ngIf="copied !== org.primaryDomain" class="las la-clipboard"></i>
-              <i *ngIf="copied === org.primaryDomain" class="las la-clipboard-check"></i>
-            </button>
-          </td>
-        </ng-container>
-
-        <ng-container matColumnDef="name">
-          <th mat-header-cell *matHeaderCellDef>
-            {{ 'ORG.PAGES.NAME' | translate }}
-          </th>
-          <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">{{org.name}}</td>
-        </ng-container>
-
-        <ng-container matColumnDef="state">
-          <th mat-header-cell *matHeaderCellDef> {{ 'ORG.PAGES.STATE' | translate }} </th>
-          <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">
-            <span class="state"
-              [ngClass]="{'active': org.state === OrgState.ORG_STATE_ACTIVE, 'inactive': org.state === OrgState.ORG_STATE_INACTIVE}"
-              *ngIf="org.state">{{'ORG.STATE.'+org.state | translate}}</span>
-          </td>
-        </ng-container>
-
-        <ng-container matColumnDef="creationDate">
-          <th mat-header-cell *matHeaderCellDef>
-            {{ 'ORG.PAGES.CREATIONDATE' | translate }}
-          </th>
-          <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">
-            {{org.details?.creationDate | timestampToDate | localizedDate: 'fromNow'}}
-          </td>
-        </ng-container>
-
-        <ng-container matColumnDef="changeDate">
-          <th mat-header-cell *matHeaderCellDef>
-            {{ 'ORG.PAGES.DATECHANGED' | translate }}
-          </th>
-          <td mat-cell *matCellDef="let org" (click)="setAndNavigateToOrg(org)">
-            {{org.details?.changeDate | timestampToDate | localizedDate: 'fromNow'}}
-          </td>
-        </ng-container>
-
-        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-      </table>
-      <cnsl-paginator #paginator class="paginator" [timestamp]="timestamp" [length]="totalResult || 0"
-        [pageSize]="initialLimit" [pageSizeOptions]="[10, 20, 50, 100]" (page)="changePage($event)"></cnsl-paginator>
-    </cnsl-refresh-table>
-  </div>
-</div>

console/src/app/pages/orgs/org-list/org-list.component.scss

@@ -1,47 +0,0 @@
-h1 {
-  margin: 0;
-}
-
-.org-desc {
-  font-size: 14px;
-}
-
-td {
-  cursor: pointer;
-
-  .cpy-button {
-    visibility: hidden;
-
-    i {
-      pointer-events: none;
-    }
-  }
-
-  &:hover {
-    .cpy-button {
-      visibility: visible;
-    }
-  }
-}
-
-.pointer {
-  outline: none;
-  cursor: pointer;
-}
-
-.filter {
-  margin-left: 1rem;
-}
-
-th {
-  .search-button {
-    visibility: hidden;
-  }
-
-  &:hover,
-  &.search-active {
-    .search-button {
-      visibility: visible;
-    }
-  }
-}

console/src/app/pages/orgs/org-list/org-list.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
-
-import { OrgListComponent } from './org-list.component';
-
-describe('OrgListComponent', () => {
-    let component: OrgListComponent;
-    let fixture: ComponentFixture<OrgListComponent>;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            declarations: [OrgListComponent],
-        })
-            .compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(OrgListComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

console/src/app/pages/orgs/org-list/org-list.component.ts

@@ -1,115 +0,0 @@
-import { Component, Input, ViewChild } from '@angular/core';
-import { PageEvent } from '@angular/material/paginator';
-import { MatTableDataSource } from '@angular/material/table';
-import { Router } from '@angular/router';
-import { Timestamp } from 'google-protobuf/google/protobuf/timestamp_pb';
-import { BehaviorSubject, from, Observable, of } from 'rxjs';
-import { catchError, finalize, map } from 'rxjs/operators';
-import { enterAnimations } from 'src/app/animations';
-import { PaginatorComponent } from 'src/app/modules/paginator/paginator.component';
-import { Org, OrgQuery, OrgState } from 'src/app/proto/generated/zitadel/org_pb';
-import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/breadcrumb.service';
-import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
-
-enum OrgListSearchKey {
-  NAME = 'NAME',
-}
-
-@Component({
-  selector: 'cnsl-org-list',
-  templateUrl: './org-list.component.html',
-  styleUrls: ['./org-list.component.scss'],
-  animations: [enterAnimations],
-})
-export class OrgListComponent {
-  public orgSearchKey: OrgListSearchKey | undefined = undefined;
-
-  @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent;
-  @ViewChild('input') public filter!: Input;
-
-  public dataSource!: MatTableDataSource<Org.AsObject>;
-  public displayedColumns: string[] = ['select', 'name', 'state', 'primaryDomain', 'creationDate', 'changeDate'];
-  private loadingSubject: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(false);
-  public loading$: Observable<boolean> = this.loadingSubject.asObservable();
-  public activeOrg!: Org.AsObject;
-  public OrgListSearchKey: any = OrgListSearchKey;
-  public initialLimit: number = 20;
-  public timestamp: Timestamp.AsObject | undefined = undefined;
-  public totalResult: number = 0;
-  public filterOpen: boolean = false;
-  public OrgState: any = OrgState;
-  public copied: string = '';
-  constructor(private authService: GrpcAuthService, private router: Router, breadcrumbService: BreadcrumbService) {
-    this.loadOrgs(this.initialLimit, 0);
-    this.authService.getActiveOrg().then((org) => (this.activeOrg = org));
-
-    const iamBread = new Breadcrumb({
-      type: BreadcrumbType.IAM,
-      name: 'IAM',
-      routerLink: ['/system'],
-    });
-    const bread: Breadcrumb = {
-      type: BreadcrumbType.ORG,
-      routerLink: ['/org'],
-    };
-    breadcrumbService.setBreadcrumb([iamBread, bread]);
-  }
-
-  public loadOrgs(limit: number, offset: number, queries?: OrgQuery[]): void {
-    this.loadingSubject.next(true);
-
-    from(this.authService.listMyProjectOrgs(limit, offset, queries))
-      .pipe(
-        map((resp) => {
-          this.timestamp = resp.details?.viewTimestamp;
-          this.totalResult = resp.details?.totalResult ?? 0;
-          return resp.resultList;
-        }),
-        catchError(() => of([])),
-        finalize(() => this.loadingSubject.next(false)),
-      )
-      .subscribe((views) => {
-        this.dataSource = new MatTableDataSource(views);
-      });
-  }
-
-  public selectOrg(item: Org.AsObject, event?: any): void {
-    this.authService.setActiveOrg(item);
-  }
-
-  public refresh(): void {
-    this.loadOrgs(this.paginator.length, this.paginator.pageSize * this.paginator.pageIndex);
-  }
-
-  public applySearchQuery(searchQueries: OrgQuery[]): void {
-    this.loadOrgs(this.paginator.pageSize, this.paginator.pageSize * this.paginator.pageIndex, searchQueries);
-  }
-
-  public setFilter(key: OrgListSearchKey): void {
-    setTimeout(() => {
-      if (this.filter) {
-        (this.filter as any).nativeElement.focus();
-      }
-    }, 100);
-
-    if (this.orgSearchKey !== key) {
-      this.orgSearchKey = key;
-    } else {
-      this.orgSearchKey = undefined;
-      this.refresh();
-    }
-  }
-
-  public setAndNavigateToOrg(org: Org.AsObject): void {
-    this.authService.setActiveOrg(org);
-    this.router.navigate(['/org']);
-  }
-
-  public changePage(event: PageEvent): void {
-    this.loadOrgs(event.pageSize, event.pageIndex * event.pageSize);
-  }
-
-  public gotoRouterLink(rL: any) {
-    this.router.navigate(rL);
-  }
-}

console/src/app/pages/orgs/org-list/org-list.module.ts

@@ -1,48 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { MatButtonModule } from '@angular/material/button';
-import { MatIconModule } from '@angular/material/icon';
-import { MatRadioModule } from '@angular/material/radio';
-import { MatSortModule } from '@angular/material/sort';
-import { MatTableModule } from '@angular/material/table';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import { TranslateModule } from '@ngx-translate/core';
-import { CopyToClipboardModule } from 'src/app/directives/copy-to-clipboard/copy-to-clipboard.module';
-import { HasRoleModule } from 'src/app/directives/has-role/has-role.module';
-import { ActionKeysModule } from 'src/app/modules/action-keys/action-keys.module';
-import { FilterOrgModule } from 'src/app/modules/filter-org/filter-org.module';
-import { InputModule } from 'src/app/modules/input/input.module';
-import { PaginatorModule } from 'src/app/modules/paginator/paginator.module';
-import { RefreshTableModule } from 'src/app/modules/refresh-table/refresh-table.module';
-import { LocalizedDatePipeModule } from 'src/app/pipes/localized-date-pipe/localized-date-pipe.module';
-import { TimestampToDatePipeModule } from 'src/app/pipes/timestamp-to-date-pipe/timestamp-to-date-pipe.module';
-
-import { OrgListRoutingModule } from './org-list-routing.module';
-import { OrgListComponent } from './org-list.component';
-
-@NgModule({
-  declarations: [OrgListComponent],
-  imports: [
-    CommonModule,
-    OrgListRoutingModule,
-    MatTableModule,
-    TranslateModule,
-    RefreshTableModule,
-    ActionKeysModule,
-    FilterOrgModule,
-    TimestampToDatePipeModule,
-    LocalizedDatePipeModule,
-    MatSortModule,
-    MatIconModule,
-    PaginatorModule,
-    HasRoleModule,
-    MatButtonModule,
-    MatTooltipModule,
-    CopyToClipboardModule,
-    MatRadioModule,
-    InputModule,
-    FormsModule,
-  ],
-})
-export class OrgListModule {}

console/src/app/pages/orgs/org-members/org-members.component.ts

@@ -35,16 +35,11 @@ export class OrgMembersComponent {
     private toast: ToastService,
     breadcrumbService: BreadcrumbService,
   ) {
-    const iamBread = new Breadcrumb({
-      type: BreadcrumbType.IAM,
-      name: 'IAM',
-      routerLink: ['/system'],
-    });
     const bread: Breadcrumb = {
       type: BreadcrumbType.ORG,
       routerLink: ['/org'],
     };
-    breadcrumbService.setBreadcrumb([iamBread, bread]);
+    breadcrumbService.setBreadcrumb([bread]);
 
     this.mgmtService.getMyOrg().then((resp) => {
       if (resp.org) {

console/src/app/pages/orgs/org-routing.module.ts

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { RoleGuard } from 'src/app/guards/role.guard';
+import { PolicyComponentServiceType } from 'src/app/modules/policies/policy-component-types.enum';
+
+import { OrgDetailComponent } from './org-detail/org-detail.component';
+
+const routes: Routes = [
+  {
+    path: 'idp',
+    children: [
+      {
+        path: 'create',
+        loadChildren: () => import('src/app/modules/idp-create/idp-create.module').then((m) => m.IdpCreateModule),
+        canActivate: [RoleGuard],
+        data: {
+          roles: ['org.idp.write'],
+          serviceType: PolicyComponentServiceType.MGMT,
+        },
+      },
+      {
+        path: ':id',
+        loadChildren: () => import('src/app/modules/idp/idp.module').then((m) => m.IdpModule),
+        canActivate: [RoleGuard],
+        data: {
+          roles: ['org.idp.read'],
+          serviceType: PolicyComponentServiceType.MGMT,
+        },
+      },
+    ],
+  },
+  {
+    path: 'members',
+    loadChildren: () => import('./org-members/org-members.module').then((m) => m.OrgMembersModule),
+  },
+  {
+    path: '',
+    component: OrgDetailComponent,
+  },
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+})
+export class OrgRoutingModule {}

console/src/app/pages/orgs/org.module.ts

@@ -18,7 +18,7 @@ import { InfoRowModule } from 'src/app/modules/info-row/info-row.module';
 import { InfoSectionModule } from 'src/app/modules/info-section/info-section.module';
 import { InputModule } from 'src/app/modules/input/input.module';
 import { MetaLayoutModule } from 'src/app/modules/meta-layout/meta-layout.module';
-import { PolicyGridModule } from 'src/app/modules/policy-grid/policy-grid.module';
+import { SettingsGridModule } from 'src/app/modules/settings-grid/settings-grid.module';
 import { SharedModule } from 'src/app/modules/shared/shared.module';
 import { TopViewModule } from 'src/app/modules/top-view/top-view.module';
 import { WarnDialogModule } from 'src/app/modules/warn-dialog/warn-dialog.module';
@@ -26,14 +26,14 @@ import { HasRolePipeModule } from 'src/app/pipes/has-role-pipe/has-role-pipe.mod
 
 import { ChangesModule } from '../../modules/changes/changes.module';
 import { OrgDetailComponent } from './org-detail/org-detail.component';
-import { OrgsRoutingModule } from './orgs-routing.module';
+import { OrgRoutingModule } from './org-routing.module';
 
 @NgModule({
   declarations: [OrgDetailComponent],
   imports: [
     CommonModule,
     HasRolePipeModule,
-    OrgsRoutingModule,
+    OrgRoutingModule,
     FormsModule,
     InfoRowModule,
     HasRoleModule,
@@ -55,9 +55,9 @@ import { OrgsRoutingModule } from './orgs-routing.module';
     MatProgressSpinnerModule,
     TranslateModule,
     SharedModule,
+    SettingsGridModule,
     ContributorsModule,
     CopyToClipboardModule,
-    PolicyGridModule,
   ],
 })
-export class OrgsModule {}
+export class OrgModule {}

console/src/app/pages/orgs/orgs-routing.module.ts

@@ -1,135 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { RoleGuard } from 'src/app/guards/role.guard';
-import { PolicyComponentServiceType, PolicyComponentType } from 'src/app/modules/policies/policy-component-types.enum';
-
-import { OrgDetailComponent } from './org-detail/org-detail.component';
-
-const routes: Routes = [
-  {
-    path: 'idp',
-    children: [
-      {
-        path: 'create',
-        loadChildren: () => import('src/app/modules/idp-create/idp-create.module').then((m) => m.IdpCreateModule),
-        canActivate: [RoleGuard],
-        data: {
-          roles: ['org.idp.write'],
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-      },
-      {
-        path: ':id',
-        loadChildren: () => import('src/app/modules/idp/idp.module').then((m) => m.IdpModule),
-        canActivate: [RoleGuard],
-        data: {
-          roles: ['org.idp.read'],
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-      },
-    ],
-  },
-  {
-    path: 'policy',
-    children: [
-      {
-        path: PolicyComponentType.AGE,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/password-age-policy/password-age-policy.module').then(
-            (m) => m.PasswordAgePolicyModule,
-          ),
-      },
-      {
-        path: PolicyComponentType.LOCKOUT,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/password-lockout-policy/password-lockout-policy.module').then(
-            (m) => m.PasswordLockoutPolicyModule,
-          ),
-      },
-      {
-        path: PolicyComponentType.PRIVATELABEL,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/private-labeling-policy/private-labeling-policy.module').then(
-            (m) => m.PrivateLabelingPolicyModule,
-          ),
-      },
-      {
-        path: PolicyComponentType.COMPLEXITY,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/password-complexity-policy/password-complexity-policy.module').then(
-            (m) => m.PasswordComplexityPolicyModule,
-          ),
-      },
-      {
-        path: PolicyComponentType.IAM,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/org-iam-policy/org-iam-policy.module').then((m) => m.OrgIamPolicyModule),
-      },
-      {
-        path: PolicyComponentType.LOGIN,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/login-policy/login-policy.module').then((m) => m.LoginPolicyModule),
-      },
-      {
-        path: PolicyComponentType.MESSAGETEXTS,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/message-texts/message-texts.module').then((m) => m.MessageTextsPolicyModule),
-      },
-      {
-        path: PolicyComponentType.LOGINTEXTS,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/login-texts/login-texts.module').then((m) => m.LoginTextsPolicyModule),
-      },
-      {
-        path: PolicyComponentType.PRIVACYPOLICY,
-        data: {
-          serviceType: PolicyComponentServiceType.MGMT,
-        },
-        loadChildren: () =>
-          import('src/app/modules/policies/privacy-policy/privacy-policy.module').then((m) => m.PrivacyPolicyModule),
-      },
-    ],
-  },
-  {
-    path: 'members',
-    loadChildren: () => import('./org-members/org-members.module').then((m) => m.OrgMembersModule),
-  },
-  {
-    path: '',
-    component: OrgDetailComponent,
-  },
-  {
-    path: 'overview',
-    loadChildren: () => import('./org-list/org-list.module').then((m) => m.OrgListModule),
-  },
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class OrgsRoutingModule {}