mirror of
https://github.com/andwati/zitadel.git
synced 2026-11-13 01:25:11 +00:00
58b01cdf3f
* idp list, idp create route * idp modules, lazy import, i18n, routing * generic service, i18n * seperate lockout, age policy component * seperate component modules * routing * enum class * login policy * iam policy grid * login policy providers * idps login policy * add idp dialog component * add idp to loginpolicy * delete idp config, iam policy grid * remove idp from loginpolicy * idp detail component, generic idp create * lint * idp detail clientid-secrets, issuer, scopes * hide clientsecret on update * rm background style, idp config * app tooltip fix * lint * dont refresh on idp select * Update console/src/app/modules/idp-create/idp-create.component.html Co-authored-by: Fabiennne <[email protected]> Co-authored-by: Fabi <[email protected]>
87 lines
4.8 KiB
HTML
87 lines
4.8 KiB
HTML
<app-detail-layout [backRouterLink]="[ '/iam']" title="{{ 'IAM.MEMBER.TITLE' | translate }}"
|
|
description="{{ 'IAM.MEMBER.DESCRIPTION' | translate }}">
|
|
|
|
<app-refresh-table (refreshed)="refreshPage()" [dataSize]="dataSource.totalResult"
|
|
[timestamp]="dataSource?.viewTimestamp" [selection]="selection" [loading]="dataSource.loading$ | async">
|
|
|
|
<ng-template appHasRole actions [appHasRole]="['iam.member.delete']">
|
|
<button color="warn" (click)="removeProjectMemberSelection()"
|
|
matTooltip="{{'ORG_DETAIL.TABLE.DELETE' | translate}}" class="icon-button" mat-icon-button
|
|
*ngIf="selection.hasValue()">
|
|
<i class="las la-trash"></i>
|
|
</button>
|
|
</ng-template>
|
|
<ng-template appHasRole actions [appHasRole]="['iam.member.write']">
|
|
<a color="primary" [disabled]="disabled" class="add-button" (click)="openAddMember()" color="primary"
|
|
mat-raised-button>
|
|
<mat-icon class="icon">add</mat-icon>{{ 'ACTIONS.NEW' | translate }}
|
|
</a>
|
|
</ng-template>
|
|
|
|
<div class="table-wrapper">
|
|
<table mat-table class="table" aria-label="Elements" [dataSource]="dataSource">
|
|
<ng-container matColumnDef="select">
|
|
<th class="selection" mat-header-cell *matHeaderCellDef>
|
|
<mat-checkbox color="primary" (change)="$event ? masterToggle() : null"
|
|
[checked]="selection.hasValue() && isAllSelected()"
|
|
[indeterminate]="selection.hasValue() && !isAllSelected()">
|
|
</mat-checkbox>
|
|
</th>
|
|
<td class="selection" mat-cell *matCellDef="let row">
|
|
<mat-checkbox color="primary" (click)="$event.stopPropagation()"
|
|
(change)="$event ? selection.toggle(row) : null" [checked]="selection.isSelected(row)">
|
|
</mat-checkbox>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="firstname">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'PROJECT.MEMBER.FIRSTNAME' | translate }} </th>
|
|
<td class="pointer" [routerLink]="['/user', member.userId]" mat-cell *matCellDef="let member">
|
|
{{member.firstName}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="lastname">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'PROJECT.MEMBER.LASTNAME' | translate }} </th>
|
|
<td class="pointer" [routerLink]="['/user', member.userId]" mat-cell *matCellDef="let member">
|
|
{{member.lastName}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="username">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'PROJECT.MEMBER.USERNAME' | translate }} </th>
|
|
<td class="pointer" [routerLink]="['/user', member.userId]" mat-cell *matCellDef="let member">
|
|
{{member.userName}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="email">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'PROJECT.MEMBER.EMAIL' | translate }} </th>
|
|
<td class="pointer" [routerLink]="['/user', member.userId]" mat-cell *matCellDef="let member">
|
|
{{member.email}}
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="roles">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'ROLESLABEL' | translate }} </th>
|
|
<td class="pointer" mat-cell *matCellDef="let member">
|
|
<mat-form-field class="form-field" appearance="outline">
|
|
<mat-label>{{ 'ROLESLABEL' | translate }}</mat-label>
|
|
<mat-select [(ngModel)]="member.rolesList" multiple
|
|
[disabled]="(['iam.member.write'] | hasRole | async) == false"
|
|
(selectionChange)="updateRoles(member, $event)">
|
|
<mat-option *ngFor="let role of memberRoleOptions" [value]="role">
|
|
{{ role }}
|
|
</mat-option>
|
|
</mat-select>
|
|
</mat-form-field>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr class="data-row" mat-row *matRowDef="let row; columns: displayedColumns;">
|
|
</tr>
|
|
</table>
|
|
|
|
<mat-paginator class="paginator" #paginator [pageSize]="50" [pageSizeOptions]="[25, 50, 100, 250]">
|
|
</mat-paginator>
|
|
</div>
|
|
</app-refresh-table>
|
|
</app-detail-layout> |