All files / src/app/components/event-rules event-rules.component.html

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
64x
128x
 
128x
 
128x
 
56x
 
54x
 
2x
2x
2x
2x
 
 
 
2x
2x
2x
 
2x
540x
1140x
1140x
60x
 
 
2x
 
<app-loader *ngIf="!eventRulesResponse && !error"></app-loader>
<app-error *ngIf="error" [error]="error"></app-error>
 
<app-empty-placeholder *ngIf="eventRulesResponse && eventRulesResponse.items.length===0"></app-empty-placeholder>
 
<div *ngIf="eventRulesResponse && eventRulesResponse.items.length>0">
 
<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>