35 lines
1.4 KiB
HTML
35 lines
1.4 KiB
HTML
|
<div *ngIf="probe !== null">
|
||
|
|
<div>
|
||
|
|
<h3>{{probe.displayName}}</h3>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayout="row" fxLayoutWrap fxLayoutAlign="space-between center">
|
||
|
|
<mat-card [style.padding]="'15px 50px'">Status: {{probe.status.name}}</mat-card>
|
||
|
|
<div>
|
||
|
|
<button mat-raised-button color="primary" (click)="discovery()">Discovery</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayout="row" fxLayoutWrap fxLayoutGap="10px" fxLayoutAlign="center" [style.margin]="'20px'">
|
||
|
|
<mat-card fxFlex="30%" fxFlex.lt-sm="100" fxFlex.sm="30">
|
||
|
|
<of-info-table [title]="'Title1'" [data]="networkInfo"></of-info-table>
|
||
|
|
</mat-card>
|
||
|
|
<mat-card fxFlex="30%" fxFlex.lt-sm="100" fxFlex.sm="30">
|
||
|
|
<of-info-table [title]="'Title2'" [data]="deviceInfo"></of-info-table>
|
||
|
|
</mat-card>
|
||
|
|
<mat-card fxFlex="30%" fxFlex.lt-sm="100" fxFlex.sm="30">
|
||
|
|
<of-info-table [title]="'Title3'" [data]="probeInfo"></of-info-table>
|
||
|
|
</mat-card>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div fxLayoutAlign="end">
|
||
|
|
<button *ngIf="probe.status.id === 1" mat-raised-button color="primary" (click)="handleStartStop()">Start</button>
|
||
|
|
<button *ngIf="probe.status.id === 2" mat-raised-button color="accent" (click)="handleStartStop()">Stop</button>
|
||
|
|
|
||
|
|
<button mat-raised-button color="warn" (click)="handleRemove()">Remove</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div *ngIf="probe === null">
|
||
|
|
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
|
||
|
|
</div>
|