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 48 49 50 51 | 807x 11x 1614x 9x 560x 9x 9x 9x 9x 1120x 2x 2x 2x 2x 2x 2x 9x 1129x 9x 9x 9x 9x 9x 9x 9x 9x 6968x 14481x 6968x 14481x 14481x 14481x 545x 9x | @if (!signals) {
<div class="skeleton-block"></div>
}
@if (signals) {
<p-table #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>
@if (searchValue && searchValue.length>0) {
<button class="button" (click)="clearFilter()">
<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 pSortableColumn="status">Status <p-sortIcon field="status"></p-sortIcon></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>
}
|