mirror of
https://github.com/zitadel/zitadel.git
synced 2025-11-14 04:24:29 +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 <fabienne.gerschwiler@gmail.com> Co-authored-by: Fabi <38692350+fgerschwiler@users.noreply.github.com>
85 lines
4.7 KiB
HTML
85 lines
4.7 KiB
HTML
<app-refresh-table [loading]="loading$ | async" (refreshed)="refreshPage()" [dataSize]="dataSource.data.length"
|
|
[timestamp]="idpResult?.viewTimestamp" [selection]="selection">
|
|
<ng-template appHasRole [appHasRole]="['iam.write']" actions>
|
|
<button (click)="deactivateSelectedIdps()" matTooltip="{{'IDP.DEACTIVATE' | translate}}" class="icon-button"
|
|
mat-icon-button *ngIf="selection.hasValue()" [disabled]="disabled">
|
|
<mat-icon svgIcon="mdi_account_cancel"></mat-icon>
|
|
</button>
|
|
<button (click)="reactivateSelectedIdps()" matTooltip="{{'IDP.ACTIVATE' | translate}}" class="icon-button"
|
|
mat-icon-button *ngIf="selection.hasValue()" [disabled]="disabled">
|
|
<mat-icon svgIcon="mdi_account_check_outline"></mat-icon>
|
|
</button>
|
|
<button color="warn" (click)="removeSelectedIdps()" matTooltip="{{'IDP.DELETE' | translate}}"
|
|
class="icon-button" mat-icon-button *ngIf="selection.hasValue()" [disabled]="disabled">
|
|
<i class="las la-trash"></i>
|
|
</button>
|
|
<a class="add-button" [routerLink]="createRouterLink" color="primary" mat-raised-button [disabled]="disabled">
|
|
<mat-icon class="icon">add</mat-icon>{{ 'ACTIONS.NEW' | translate }}
|
|
</a>
|
|
</ng-template>
|
|
|
|
<div class="table-wrapper">
|
|
<table class="table" mat-table [dataSource]="dataSource">
|
|
<ng-container matColumnDef="select">
|
|
<th mat-header-cell *matHeaderCellDef>
|
|
<mat-checkbox color="primary" (change)="$event ? masterToggle() : null"
|
|
[checked]="selection.hasValue() && isAllSelected()"
|
|
[indeterminate]="selection.hasValue() && !isAllSelected()">
|
|
</mat-checkbox>
|
|
</th>
|
|
<td mat-cell *matCellDef="let idp">
|
|
<mat-checkbox color="primary" (click)="$event.stopPropagation()"
|
|
(change)="$event ? selection.toggle(idp) : null" [checked]="selection.isSelected(idp)">
|
|
<img *ngIf="idp?.logoSrc?.startsWith('https://'); else genAvatar" [src]="idp.logoSrc"
|
|
alt="ipp logo {{idp?.name}}" />
|
|
<ng-template #genAvatar>
|
|
<div class="avatar">
|
|
<span>{{idp.name.charAt(0)}}</span>
|
|
</div>
|
|
</ng-template>
|
|
</mat-checkbox>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="name">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'IDP.NAME' | translate }} </th>
|
|
<td mat-cell *matCellDef="let idp"> {{idp?.name}} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="config">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'IDP.CONFIG' | translate }} </th>
|
|
<td mat-cell *matCellDef="let idp">
|
|
<div *ngFor="let elem of idp?.oidcConfig | keyvalue" class="flex-row">
|
|
<span class="key">{{elem.key}}:</span>
|
|
<span class="value">{{elem.value}}</span>
|
|
</div>
|
|
</td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="state">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'IDP.STATE' | translate }} </th>
|
|
<td mat-cell *matCellDef="let idp"> {{ 'IDP.STATES.'+idp.state | translate }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="creationDate">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'IDP.CREATIONDATE' | translate }} </th>
|
|
<td class="pointer" mat-cell *matCellDef="let idp">
|
|
{{idp.creationDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }} </td>
|
|
</ng-container>
|
|
|
|
<ng-container matColumnDef="changeDate">
|
|
<th mat-header-cell *matHeaderCellDef> {{ 'IDP.CHANGEDATE' | translate }} </th>
|
|
<td class="pointer" mat-cell *matCellDef="let idp">
|
|
{{idp.changeDate | timestampToDate | localizedDate: 'dd. MMM, HH:mm' }} </td>
|
|
</ng-container>
|
|
|
|
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
|
|
<tr class="data-row" mat-row *matRowDef="let row; columns: displayedColumns;"
|
|
[routerLink]="row.id ? [serviceType == PolicyComponentServiceType.ADMIN ? '/iam' : '/org', 'idp', row.id ]: null">
|
|
</tr>
|
|
|
|
</table>
|
|
<mat-paginator #paginator class="paginator" [length]="idpResult?.totalResult || 0" [pageSize]="10"
|
|
[pageSizeOptions]="[5, 10, 20]" (page)="changePage($event)"></mat-paginator>
|
|
</div>
|
|
</app-refresh-table> |