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 | 675x 1350x 426x 11x 11x 11x 11x 852x 2x 2x 2x 2x 2x 11x 863x 11x 11x 11x 11x 11x 11x 11x 11x 4074x 8601x 4074x 8601x 8601x 8601x 453x 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>
|