<h1>Unauthorized</h1>

<of-error-message [error]="error$ | async" [closable]="false"></of-error-message>
<of-block-progressbar [target]="content" [pending]="pending$ | async"></of-block-progressbar>

<p-panel #content [showHeader]="false" class="block-panel">
  <p-table [value]="noauthProbes" selectionMode="single" dataKey="id" (onRowSelect)="select.emit($event.data)">
    <ng-template pTemplate="header">
      <tr>
        <th style="width: 20em">Probe Key</th>
        <th>Host Name</th>
        <th>OS</th>
        <th style="width: 7em">Created at</th>
      </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData>
      <tr [pSelectableRow]="rowData">
        <td>{{rowData.tempProbeKey}}</td>
        <td>{{rowData.infraHost.infraHostOS.name}}</td>
        <td>{{getOS(rowData)}}</td>
        <td>{{rowData.createDate | date: 'dd/MM/yyyy'}}</td>
      </tr>
    </ng-template>
  </p-table>
</p-panel>