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 41 42 43 44 45 46 47 | 685x 1370x 440x 11x 11x 11x 11x 880x 2x 2x 2x 2x 2x 11x 891x 11x 11x 11x 11x 11x 11x 11x 11x 4498x 9491x 4498x 9491x 9491x 9491x 495x 11x | <div class="skeleton-block" *ngIf="!signals"></div>
<p-table *ngIf="signals" #signals_table [value]="signals.items" [tableStyle]="{ 'min-width': '50rem' }" [paginator]="true" [rows]="rows"
[rowsPerPageOptions]="filteredRowsPerPageOptions" [showCurrentPageReport]="true" [first]="offset" [totalRecords]="signals.total"
currentPageReportTemplate="{first} - {last} of {totalRecords} signals" [rowHover]="true" [lazy]="true"
[globalFilterFields]="['ticker']" (onPage)="onTableEvent($event)" (onLazyLoad)="loadEvents($event)">
<ng-template pTemplate="caption">
<div class="columns">
<div class="column">
Signals
</div>
<div class="column is-flex is-justify-content-right">
<span>
<button class="button" (click)="clearFilter()" *ngIf="searchValue && searchValue.length>0">
<span class="icon is-small center">
<i class="iconoir-xmark-circle"></i>
</span>
<span>Clear filter</span>
</button>
</span>
<span>
<input class="input" type="text" (input)="applyFilterGlobal($event)" placeholder="Filter" [(ngModel)]="searchValue"/>
</span>
</div>
</div>
</ng-template>
<ng-template pTemplate="header">
<tr>
<th pSortableColumn="signal_id">Ticker <p-sortIcon field="signal_id"></p-sortIcon></th>
<th>Status</th>
<th pSortableColumn="unit">Unit<p-sortIcon field="unit"></p-sortIcon></th>
<th pSortableColumn="type">Type<p-sortIcon field="type"></p-sortIcon></th>
<th pSortableColumn="frequency">Frequency<p-sortIcon field="frequency"></p-sortIcon></th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-signal>
<tr [routerLink]="['/signals', signal.signal_id]">
<td>{{ signal.ticker }}</td>
<td><p-tag [value]="signal.status.status" [severity]="getSeverity(signal.status.status)"></p-tag></td>
<td>{{ signal.unit }}</td>
<td>{{ signal.type }}</td>
<td>{{ signal.frequency }}</td>
</tr>
</ng-template>
</p-table>
|