59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
|
<div fxLayout="column" fxLayoutWrap style=" padding: 8px;">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div fxLayout="column" fxLayout.xs="column" style="background-color: white;padding: 10px;">
|
||
|
|
|
||
|
|
<div class="mat-headline" style="margin: 20px; border-bottom: 1px solid #dddddd;">
|
||
|
|
TARGET ALIAS
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayoutAlign="end">
|
||
|
|
<button mat-raised-button (click)="handleCheckAlive">Check Alive</button>
|
||
|
|
<button mat-raised-button (click)="handleTraceroute">Traceroute</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayout="row">
|
||
|
|
|
||
|
|
<div fxFlex="20" fxFlex.lt-sm="20" fxFlex.sm="20">
|
||
|
|
<of-info-table [data]="basicInfo"></of-info-table>
|
||
|
|
</div>
|
||
|
|
<div fxFlex="20" fxFlex.lt-sm="20" fxFlex.sm="20">
|
||
|
|
<of-info-table [data]="metaInfo"></of-info-table>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div fxFlex="60" fxFlex.lt-sm="60" fxFlex.sm="60">
|
||
|
|
<div>
|
||
|
|
<!-- Sensors -->
|
||
|
|
<h3 matLine>Sensors</h3>
|
||
|
|
<mat-table #table [dataSource]="sensors">
|
||
|
|
|
||
|
|
<ng-container matColumnDef="crawler">
|
||
|
|
<mat-header-cell *matHeaderCellDef> SensorType </mat-header-cell>
|
||
|
|
<mat-cell *matCellDef="let element"> {{element.crawler.name}} </mat-cell>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<ng-container matColumnDef="itemCnt">
|
||
|
|
<mat-header-cell *matHeaderCellDef> Items </mat-header-cell>
|
||
|
|
<mat-cell *matCellDef="let element"> {{element.itemCount}} items </mat-cell>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<ng-container matColumnDef="status">
|
||
|
|
<mat-header-cell *matHeaderCellDef> Status </mat-header-cell>
|
||
|
|
<mat-cell *matCellDef="let element"> {{element.status.name}} </mat-cell>
|
||
|
|
</ng-container>
|
||
|
|
|
||
|
|
<!-- <mat-header-row *matHeaderRowDef="displayedColumns" ></mat-header-row> -->
|
||
|
|
<mat-row *matRowDef="let row; columns: displayedColumns;" (click)="handleSensorClick(row)"></mat-row>
|
||
|
|
</mat-table>
|
||
|
|
|
||
|
|
<mat-paginator #paginator [pageSize]="10" [pageSizeOptions]="[5, 10, 20]">
|
||
|
|
</mat-paginator>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|