fix(console): migrate from tslint to eslint, project delete from table (#2490)

* es lint * modify tsconfig, auto lint some stuff * lint * lint * lint * lint * html ts lint * lint * lint, tsconfig * fix project delete, state table * eslint config, remove cnslHint directive * mfa selector, info row fixes * lint * fix login policy, granted orgs table state, lint Co-authored-by: Florian Forster <[email protected]>
2026-11-01 11:52:15 +00:00 · 2021-10-22 10:47:06 +02:00
parent bdf63800f7
commit b1caef81da
233 changed files with 7098 additions and 4878 deletions
@@ -6,76 +6,79 @@ import { Observable, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { IamMembersDataSource } from 'src/app/pages/iam/iam-members/iam-members-datasource';
 import { OrgMembersDataSource } from 'src/app/pages/orgs/org-members/org-members-datasource';
+import {
+  ProjectGrantMembersDataSource,
+} from 'src/app/pages/projects/owned-projects/project-grant-detail/project-grant-members-datasource';
 import { Member } from 'src/app/proto/generated/zitadel/member_pb';

 import { PageEvent, PaginatorComponent } from '../paginator/paginator.component';
 import { ProjectMembersDataSource } from '../project-members/project-members-datasource';

-type MemberDatasource = OrgMembersDataSource | ProjectMembersDataSource | IamMembersDataSource;
+type MemberDatasource = OrgMembersDataSource | ProjectMembersDataSource | ProjectGrantMembersDataSource | IamMembersDataSource;

@Component({
-    selector: 'app-members-table',
-    templateUrl: './members-table.component.html',
-    styleUrls: ['./members-table.component.scss'],
+  selector: 'cnsl-members-table',
+  templateUrl: './members-table.component.html',
+  styleUrls: ['./members-table.component.scss'],
 })
 export class MembersTableComponent implements OnInit, OnDestroy {
-    public INITIALPAGESIZE: number = 25;
-    @Input() public canDelete: boolean = false;
-    @Input() public canWrite: boolean = false;
-    @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent;
-    @ViewChild(MatTable) public table!: MatTable<Member.AsObject>;
-    @Input() public dataSource!: MemberDatasource;
-    public selection: SelectionModel<any> = new SelectionModel<any>(true, []);
-    @Input() public memberRoleOptions: string[] = [];
-    @Input() public factoryLoadFunc!: Function;
-    @Input() public refreshTrigger!: Observable<void>;
-    @Output() public updateRoles: EventEmitter<{ member: Member.AsObject, change: MatSelectChange; }> = new EventEmitter();
-    @Output() public changedSelection: EventEmitter<any[]> = new EventEmitter();
-    @Output() public deleteMember: EventEmitter<Member.AsObject> = new EventEmitter();
+  public INITIALPAGESIZE: number = 25;
+  @Input() public canDelete: boolean | null = false;
+  @Input() public canWrite: boolean | null = false;
+  @ViewChild(PaginatorComponent) public paginator!: PaginatorComponent;
+  @ViewChild(MatTable) public table!: MatTable<Member.AsObject>;
+  @Input() public dataSource!: MemberDatasource;
+  public selection: SelectionModel<any> = new SelectionModel<any>(true, []);
+  @Input() public memberRoleOptions: string[] = [];
+  @Input() public factoryLoadFunc!: Function;
+  @Input() public refreshTrigger!: Observable<void>;
+  @Output() public updateRoles: EventEmitter<{ member: Member.AsObject, change: MatSelectChange; }> = new EventEmitter();
+  @Output() public changedSelection: EventEmitter<any[]> = new EventEmitter();
+  @Output() public deleteMember: EventEmitter<Member.AsObject> = new EventEmitter();

-    private destroyed: Subject<void> = new Subject();
+  private destroyed: Subject<void> = new Subject();

-    /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
-    public displayedColumns: string[] = ['select', 'userId', 'firstname', 'lastname', 'loginname', 'email', 'roles'];
+  /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
+  public displayedColumns: string[] = ['select', 'userId', 'firstname', 'lastname', 'loginname', 'email', 'roles'];

-    constructor() {
-        this.selection.changed.pipe(takeUntil(this.destroyed)).subscribe(_ => {
-            this.changedSelection.emit(this.selection.selected);
-        });
+  constructor() {
+    this.selection.changed.pipe(takeUntil(this.destroyed)).subscribe(_ => {
+      this.changedSelection.emit(this.selection.selected);
+    });
+  }
+
+  public ngOnInit(): void {
+    this.refreshTrigger.pipe(takeUntil(this.destroyed)).subscribe(() => {
+      this.changePage(this.paginator);
+    });
+
+    if (this.canDelete) {
+      this.displayedColumns.push('actions');
    }
+  }

-    public ngOnInit(): void {
-        this.refreshTrigger.pipe(takeUntil(this.destroyed)).subscribe(() => {
-            this.changePage(this.paginator);
-        });
+  public ngOnDestroy(): void {
+    this.destroyed.next();
+  }

-        if (this.canDelete) {
-            this.displayedColumns.push('actions');
-        }
-    }
+  public isAllSelected(): boolean {
+    const numSelected = this.selection.selected.length;
+    const numRows = this.dataSource.membersSubject.value.length;
+    return numSelected === numRows;
+  }

-    public ngOnDestroy(): void {
-        this.destroyed.next();
-    }
+  public masterToggle(): void {
+    this.isAllSelected() ?
+      this.selection.clear() :
+      this.dataSource.membersSubject.value.forEach(row => this.selection.select(row));
+  }

-    public isAllSelected(): boolean {
-        const numSelected = this.selection.selected.length;
-        const numRows = this.dataSource.membersSubject.value.length;
-        return numSelected === numRows;
-    }
+  public changePage(event?: PageEvent): any {
+    this.selection.clear();
+    return this.factoryLoadFunc(event ?? this.paginator);
+  }

-    public masterToggle(): void {
-        this.isAllSelected() ?
-            this.selection.clear() :
-            this.dataSource.membersSubject.value.forEach(row => this.selection.select(row));
-    }
-
-    public changePage(event?: PageEvent): any {
-        this.selection.clear();
-        return this.factoryLoadFunc(event ?? this.paginator);
-    }
-
-    public triggerDeleteMember(member: any): void {
-        this.deleteMember.emit(member);
-    }
+  public triggerDeleteMember(member: any): void {
+    this.deleteMember.emit(member);
+  }
 }