33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
<div class="container-fluid">
|
|
<h3>{{'USERS.LISTING.TITLE' | translate}}</h3>
|
|
|
|
<users-criteria-component></users-criteria-component>
|
|
<mat-card class="mat-card">
|
|
<mat-progress-bar *ngIf="dataSource?.isLoadingResults" mode="query"></mat-progress-bar>
|
|
|
|
<mat-table [dataSource]="dataSource" matSort>
|
|
|
|
<!-- Column Definition: Label -->
|
|
<ng-container cdkColumnDef="name">
|
|
<mat-header-cell *matHeaderCellDef>{{'USERS.LISTING.LABEL' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">{{row.name}}</mat-cell>
|
|
</ng-container>
|
|
|
|
<!-- Column Definition: Roles -->
|
|
<ng-container cdkColumnDef="roles">
|
|
<mat-header-cell *matHeaderCellDef>{{'USERS.LISTING.ROLES' | translate}}</mat-header-cell>
|
|
<mat-cell *matCellDef="let row">
|
|
<user-role-editor-component [item]="row"></user-role-editor-component>
|
|
</mat-cell>
|
|
</ng-container>
|
|
|
|
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
|
|
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
|
|
|
|
</mat-table>
|
|
<mat-paginator #paginator
|
|
[length]="dataSource?.totalCount"
|
|
[pageSizeOptions]="[10, 25, 100]">
|
|
</mat-paginator>
|
|
</mat-card>
|
|
</div> |