member_webapp/src/packages/discovery/component/setting/setting.component.html

<div *ngIf="!started; else result">
  <of-probe-selector [preProbe]="probe" (probeSelected)="onProbeSelect($event)"></of-probe-selector>

  <p-blockUI [target]="df" [blocked]="!selectedProbe"></p-blockUI>
  <p-panel #df header="{{getHeaderTitle()}}">
    <of-discovery-filter [probe]="selectedProbe" [requestStart]="requestStart" (discoveryRequested)="onDiscoveryStart($event)"></of-discovery-filter>
  </p-panel>

  <div dir="rtl">
    <button [disabled]="!selectedProbe" pButton type="button" label="Start" icon="fa-check" class="ui-button-width-fit" (click)="requestStart = true"></button>
    <button pButton type="button" label="Cancel" icon="fa-close" class="ui-button-secondary ui-button-width-fit" (click)="onCancel()"></button>
  </div>
</div>

<ng-template #result>
  <of-discovery-result (close)="onCancel()"></of-discovery-result>
</ng-template>