mirror of
https://github.com/zitadel/zitadel.git
synced 2025-11-14 22:33:17 +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>
65 lines
3.4 KiB
HTML
65 lines
3.4 KiB
HTML
<app-refresh-table [loading]="loading$ | async" (refreshed)="refreshPage()" [dataSize]="dataSource.data.length"
|
||
[timestamp]="keyResult?.viewTimestamp" [selection]="selection">
|
||
<ng-template appHasRole [appHasRole]="['user.write']" actions>
|
||
<button color="warn" [disabled]="([('user.write:' + userId), 'user.write'] | hasRole | async) == false"
|
||
(click)="deleteSelectedKeys()" matTooltip="{{'ACTIONS.DELETE' | translate}}" class="icon-button"
|
||
mat-icon-button *ngIf="selection.hasValue()">
|
||
<i class="las la-trash"></i>
|
||
</button>
|
||
<a class="add-button" [disabled]="([('user.write:' + userId), 'user.write'] | hasRole | async) == false"
|
||
color="primary" mat-raised-button (click)="openAddKey()">
|
||
<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 key">
|
||
<mat-checkbox color="primary" (click)="$event.stopPropagation()"
|
||
(change)="$event ? selection.toggle(key) : null" [checked]="selection.isSelected(key)">
|
||
</mat-checkbox>
|
||
</td>
|
||
</ng-container>
|
||
|
||
<ng-container matColumnDef="id">
|
||
<th mat-header-cell *matHeaderCellDef> {{ 'USER.MACHINE.ID' | translate }} </th>
|
||
<td mat-cell *matCellDef="let key"> {{key?.id}} </td>
|
||
</ng-container>
|
||
|
||
<ng-container matColumnDef="type">
|
||
<th mat-header-cell *matHeaderCellDef> {{ 'USER.MACHINE.TYPE' | translate }} </th>
|
||
<td mat-cell *matCellDef="let key"> {{'USER.MACHINE.KEYTYPES.'+key?.type | translate}} </td>
|
||
</ng-container>
|
||
|
||
<ng-container matColumnDef="creationDate">
|
||
<th mat-header-cell *matHeaderCellDef> {{ 'USER.MACHINE.CREATIONDATE' | translate }} </th>
|
||
<td mat-cell *matCellDef="let key">
|
||
{{key.creationDate | timestampToDate | localizedDate: 'EEE dd. MMM, HH:mm'}}
|
||
</td>
|
||
</ng-container>
|
||
|
||
<ng-container matColumnDef="expirationDate">
|
||
<th mat-header-cell *matHeaderCellDef> {{ 'USER.MACHINE.EXPIRATIONDATE' | translate }} </th>
|
||
<td mat-cell *matCellDef="let key">
|
||
{{key.expirationDate | timestampToDate | localizedDate: 'EEE 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 ? ['/users', row.id ]: null">
|
||
</tr>
|
||
|
||
</table>
|
||
<mat-paginator #paginator class="paginator" [length]="keyResult?.totalResult || 0" [pageSize]="10"
|
||
[pageSizeOptions]="[5, 10, 20]" (page)="changePage($event)"></mat-paginator>
|
||
</div>
|
||
</app-refresh-table> |