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 39 40 | 250x 3x 500x 500x 1x 500x 59x 57x 2x 2x 2x 2x 2x 2x 2x 2x 2x 570x 1180x 1180x 1180x 40x 2x | @if (!eventsResponse && !error) {
<app-loader></app-loader>
}
@if (error) {
<app-error [error]="error"></app-error>
}
@if (eventsResponse && eventsResponse.items.length===0) {
<app-empty-placeholder></app-empty-placeholder>
}
@if (eventsResponse && eventsResponse.items.length>0) {
<div>
<p-table [value]="eventsResponse.items" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [(rows)]="limit" [rowsPerPageOptions]="filteredRowsPerPageOptions"
[showCurrentPageReport]="true" currentPageReportTemplate="{first} - {last} of {totalRecords} events" [rowHover]="true" [loading]="isLoading"
[lazy]="true" (onLazyLoad)="loadEvents($event)" [totalRecords]="eventsResponse.total" [first]="offset" (onPage)="onTableChange($event)">
<ng-template pTemplate="caption">
<div class="flex align-items-center justify-content-between">
Events
<p-button icon="pi pi-refresh" (onClick)="getData()"></p-button>
</div>
</ng-template>
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="timestamp" >Occurred <p-sortIcon field="timestamp"></p-sortIcon></th>
<th pSortableColumn="name">Name <p-sortIcon field="name"></p-sortIcon></th>
<th>Event rule</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-event>
<tr [routerLink]="['/events', event.id]">
<td>{{ event.timestamp*1000 | date:'medium' }}</td>
<td>{{ event.name }}</td>
<td>{{ event.event_rule.name }}</td>
</tr>
</ng-template>
</p-table>
</div>
}
|