member_webapp/src/packages/probe/component/detail/detail.component.html

<div>probe detail info</div>

<!-- <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> -->