Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 | 42x 1x 84x 84x 84x 37x 36x 1x 1x 1x 1x 1x 1x 1x 1x 360x 760x 760x 40x 1x | @if (!eventRulesResponse && !error) {
<app-loader></app-loader>
}
@if (error) {
<app-error [error]="error"></app-error>
}
@if (eventRulesResponse && eventRulesResponse.items.length===0) {
<app-empty-placeholder></app-empty-placeholder>
}
@if (eventRulesResponse && eventRulesResponse.items.length>0) {
<div>
<p-table [value]="eventRulesResponse.items" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [(rows)]="limit" [rowsPerPageOptions]="filteredRowsPerPageOptions"
[showCurrentPageReport]="true" currentPageReportTemplate="{first} - {last} of {totalRecords} event rules" [rowHover]="true" [loading]="isLoading" [first]="offset"
[lazy]="true" (onLazyLoad)="loadEventRules($event)" [totalRecords]="eventRulesResponse.total" (onPage)="onTableEvent($event)">
<ng-template pTemplate="caption">
<div class="flex align-items-center justify-content-between">
Event rules
<p-button icon="pi pi-refresh" (onClick)="getData()"></p-button>
</div>
</ng-template>
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="name">Name <p-sortIcon field="name"></p-sortIcon></th>
<th>Number events triggered</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-eventRule>
<tr [routerLink]="['/event-rules', eventRule.id]">
<td>{{ eventRule.name }}</td>
<td>{{ eventRule.number_events }}</td>
</tr>
</ng-template>
</p-table>
</div>
}
|