feat(console): Active Directory / LDAP, cleanup idp component routing (#5506)

feat(console): LDAP

console/src/app/modules/providers/provider-github-es/provider-github-es-routing.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { ProviderGithubESComponent } from './provider-github-es.component';
-
-const routes: Routes = [
-  {
-    path: '',
-    component: ProviderGithubESComponent,
-    data: { animation: 'DetailPage' },
-  },
-];
-
-@NgModule({
-  imports: [RouterModule.forChild(routes)],
-  exports: [RouterModule],
-})
-export class ProviderGithubESRoutingModule {}

console/src/app/modules/providers/provider-github-es/provider-github-es.component.html

@@ -97,7 +97,13 @@
       </div>
 
       <div class="identity-provider-create-actions">
-        <button color="primary" mat-raised-button class="continue-button" [disabled]="form.invalid" type="submit">
+        <button
+          color="primary"
+          mat-raised-button
+          class="continue-button"
+          [disabled]="form.invalid || form.disabled"
+          type="submit"
+        >
           <span *ngIf="id">{{ 'ACTIONS.SAVE' | translate }}</span>
           <span *ngIf="!id">{{ 'ACTIONS.CREATE' | translate }}</span>
         </button>

console/src/app/modules/providers/provider-github-es/provider-github-es.component.ts

@@ -18,6 +18,7 @@ import {
 } from 'src/app/proto/generated/zitadel/management_pb';
 import { AdminService } from 'src/app/services/admin.service';
 import { Breadcrumb, BreadcrumbService, BreadcrumbType } from 'src/app/services/breadcrumb.service';
+import { GrpcAuthService } from 'src/app/services/grpc-auth.service';
 import { ManagementService } from 'src/app/services/mgmt.service';
 import { ToastService } from 'src/app/services/toast.service';
 import { requiredValidator } from '../../form-field/validators/validators';
@@ -44,6 +45,7 @@ export class ProviderGithubESComponent {
   public provider?: Provider.AsObject;
 
   constructor(
+    private authService: GrpcAuthService,
     private route: ActivatedRoute,
     private toast: ToastService,
     private injector: Injector,
@@ -60,6 +62,23 @@ export class ProviderGithubESComponent {
       scopesList: new UntypedFormControl(['openid', 'profile', 'email'], []),
     });
 
+    this.authService
+      .isAllowed(
+        this.serviceType === PolicyComponentServiceType.ADMIN
+          ? ['iam.idp.write']
+          : this.serviceType === PolicyComponentServiceType.MGMT
+          ? ['org.idp.write']
+          : [],
+      )
+      .pipe(take(1))
+      .subscribe((allowed) => {
+        if (allowed) {
+          this.form.enable();
+        } else {
+          this.form.disable();
+        }
+      });
+
     this.route.data.pipe(take(1)).subscribe((data) => {
       this.serviceType = data.serviceType;
 

console/src/app/modules/providers/provider-github-es/provider-github-es.module.ts

@@ -1,43 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
-import { MatLegacyChipsModule as MatChipsModule } from '@angular/material/legacy-chips';
-import { MatLegacyProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
-import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
-import { TranslateModule } from '@ngx-translate/core';
-import { InputModule } from 'src/app/modules/input/input.module';
-
-import { CardModule } from '../../card/card.module';
-import { CreateLayoutModule } from '../../create-layout/create-layout.module';
-import { InfoSectionModule } from '../../info-section/info-section.module';
-import { ProviderOptionsModule } from '../../provider-options/provider-options.module';
-import { ProviderGithubESRoutingModule } from './provider-github-es-routing.module';
-import { ProviderGithubESComponent } from './provider-github-es.component';
-
-@NgModule({
-  declarations: [ProviderGithubESComponent],
-  imports: [
-    ProviderGithubESRoutingModule,
-    CommonModule,
-    FormsModule,
-    ReactiveFormsModule,
-    CreateLayoutModule,
-    InfoSectionModule,
-    InputModule,
-    MatButtonModule,
-    MatSelectModule,
-    MatIconModule,
-    MatChipsModule,
-    CardModule,
-    MatCheckboxModule,
-    MatTooltipModule,
-    TranslateModule,
-    ProviderOptionsModule,
-    MatLegacyProgressSpinnerModule,
-  ],
-})
-export default class ProviderGithubESModule {}