member_webapp/@overflow/noauth-probe/component/noauth-probe-list.component.html
2018-06-14 13:12:20 +09:00

97 lines
4.0 KiB
HTML

<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 #dt [value]="noauthProbes" selectionMode="single" dataKey="id">
<ng-template pTemplate="header">
<tr>
<th style="width: 3.25em" pResizableColumn></th>
<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 let-expanded="expanded" let-columns="columns">
<tr [pSelectableRow]="rowData" [pRowToggler]="rowData">
<td>
<a href="#">
<i [ngClass]="expanded ? 'fa fa-fw fa-chevron-circle-down' : 'fa fa-fw fa-chevron-circle-right'"></i>
</a>
</td>
<td>{{rowData.tempProbeKey}}</td>
<td>{{rowData.infraHost.infraHostOS.name}}</td>
<td>{{rowData.infraHost.infraHostOS.os}}</td>
<td>{{rowData.createDate | date: 'dd/MM/yyyy'}}</td>
</tr>
</ng-template>
<ng-template pTemplate="rowexpansion" let-rowData let-columns="columns">
<tr>
<td [attr.colspan]="5">
<div class="ui-g ui-g-12">
<div class="ui-g-12 ui-md-6">
<div class="ui-g-12">
<b>Platform:</b> {{rowData.infraHost.infraHostOS.platform}}
</div>
<div class="ui-g-12">
<b>Platform family:</b> {{rowData.infraHost.infraHostOS.platformFamily}}
</div>
<div class="ui-g-12">
<b>Kernel:</b> {{rowData.infraHost.infraHostOS.kernelVersion}}
</div>
<div class="ui-g-12">
<b>HostID:</b> {{rowData.infraHost.infraHostOS.hostID}}
</div>
<div class="ui-g-12">
<b>Connected:</b>
<ng-container [ngSwitch]="rowData.connectDate">
<ng-container *ngSwitchCase="undefined"> Not Connected</ng-container>
<ng-container *ngSwitchDefault> {{rowData.connectDate | date: 'dd/MM/yyyy'}} ({{rowData.connectAddress}})</ng-container>
</ng-container>
</div>
</div>
<div class="ui-g-12 ui-md-6">
<div class="ui-g">
<div class="ui-g-12">
<b>NIC:</b> {{rowData.infraHost.infraHostIPs[0].iface}}
</div>
<div class="ui-g-12">
<b>Network Address:</b> {{rowData.infraHost.infraHostIPs[0].address}}
</div>
<div class="ui-g-12">
<b>Gateway:</b> {{rowData.infraHost.infraHostIPs[0].gateway}}
</div>
<div class="ui-g-12">
<b>Mac Address:</b> {{rowData.infraHost.infraHostIPs[0].mac}}
</div>
<div class="ui-g-12">
</div>
</div>
</div>
<div class="ui-g-12" dir="rtl">
<button class="ui-button-danger ui-button-width-fit" type="button" label="Deny" icon="ui-icon-close" pButton (click)="onAcceptOrDeny(false, rowData.infraHost.infraHostIPs)"></button>
<button class=" ui-button-width-fit" type="button" label="Accept" icon="fa-check" pButton (click)="onAccept(rowData.infraHost)"></button>
</div>
</div>
</td>
</tr>
</ng-template>
</p-table>
<p-dialog *ngIf="selectedInfraHost" [(visible)]="visibleNICs" [contentStyle]="{'max-height':'400px'}">
<ul>
<li *ngFor="let infraHostIP of selectedInfraHost.infraHostIPs">
<a style="cursor: pointer" (click)="onNICSelected(infraHostIP)">
{{infraHostIP.iface}} {{infraHostIP.address}} {{infraHostIP.gateway}} {{infraHostIP.mac}}
</a>
<li>
</ul>
</p-dialog>
<p-confirmDialog header="Confirmation" icon="fa ui-icon-warning" width="425"></p-confirmDialog>
</p-panel>