spy-display.component.html 1.12 KiB
<form class="filters" [formGroup]="filterForm">
  <p-toggleButton
    formControlName="orderByTag"
    onIcon="fa fa-tag"
    offIcon="fa fa-clock"
    onLabel=""
    offLabel=""
  ></p-toggleButton>
  <form formGroupName="eventTypes">
    <ng-container *ngFor="let icon of eventTypeList">
      <p-toggleButton
        [formControlName]="icon[0]"
        onIcon="fa fa-{{ icon[1] }}"
        offIcon="fa fa-{{ icon[1] }}"
        onLabel=""
        offLabel=""
      ></p-toggleButton>
    </ng-container>
  </form>
  <div class="ui-inputgroup">
    <input pInputText formControlName="match" placeholder="Tag filter" />
  </div>
</form>
<table class="notifications">
  <tr *ngFor="let notif of notifs$ | async">
    <td class="timestamp">{{ (notif.timestamp / 1000).toFixed(3) }}</td>
    <td class="type">
      <span class="fa fa-{{ eventTypes[notif.type] }}"></span>
    </td>
    <td class="tag">{{ notif.tag }}</td>
    <td class="value" *ngIf="notif.type === 'next'">
      <dbg-dump-value [value]="notif.payload"></dbg-dump-value>
    </td>
    <td class="error" *ngIf="notif.type === 'error'">{{ notif.payload }}</td>
  </tr>
</table>