1 <app-paginated-entities [service]="service" pageSize="10" [(sortField)]="sortField" [(sortOrder)]="sortOrder"
3 <ng-container *ngIf="parent.items$ |async as roleItemLoader" >
4 <ng-template [ngIf]="roleItemLoader.loading" #spinner let-modal>
5 <div class="fixed-top d-flex justify-content-center mt-5 pt-5">
6 <div class="spinner-border text-info mt-5" role="status">
7 <span class="sr-only">Loading...</span>
12 <ng-container *ngIf="parent.items$ |stripLoading|async as propertyItem" >
13 <table class="table table-striped table-bordered">
14 <thead class="thead-light">
15 <tr sorted [sortFieldEmitter]="parent.sortFieldChange" [sortOrderEmitter]="parent.sortOrderChange"
16 [toggleObserver]="parent">
17 <app-th-sorted [fieldArray]="['key']" contentText="security.config.properties.attributes.key"></app-th-sorted>
18 <app-th-sorted [fieldArray]="['value']" contentText="security.config.properties.attributes.value"></app-th-sorted>
19 <th>{{'headers.action' |translate}}</th>
23 <tr *ngFor="let propertyEntry of propertyItem.data" >
24 <td>{{propertyEntry.key}}</td>
25 <td>{{propertyEntry.value}}</td>
27 <a [routerLink]="['..','edit', propertyEntry.key]"
28 [attr.title]="'security.config.properties.edit' |translate"><span class="fas fa-edit"></span></a>
29 <a class="ml-2" [routerLink]="['..','delete', propertyEntry.key]"
30 [attr.title]="'security.config.properties.delete' |translate"><span class="fas fa-trash-alt"></span></a>
37 </app-paginated-entities>