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

<div [style.height.px]="height">
  <div dir="rtl">
    <p-button (onClick)="onCancel()" icon="fa fa-fw fa-close"></p-button>
  </div>

  <div>
    <of-probe-selector #probeSelectorComponent [preProbe]="probe" (probeSelected)="onProbeSelect($event)"></of-probe-selector>

    <p-blockUI [target]="df" [blocked]="!selectedProbe && !probe"></p-blockUI>
    <p-panel #df [showHeader]="false">
      <div [@discoveryFilter]="filterExpand ? 'full' : 'summary'">
        <div *ngIf="filterExpand; else filterSummary">
          <of-discovery-filter #filterComponent [probe]="selectedProbe" [requestStart]="requestStart" (discoveryRequested)="onDiscoveryStart($event)"></of-discovery-filter>
        </div>
        <ng-template #filterSummary>
          <of-discovery-filter-summary [data]="filterData" (click)="onSummaryClick($event)"></of-discovery-filter-summary>
        </ng-template>
      </div>
    </p-panel>

    <div dir="rtl" *ngIf="filterExpand">
      <button [disabled]="!selectedProbe && !probe" 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>

  <div *ngIf="!filterExpand" [@result]="filterExpand ? 'hidden' : 'show'">
    <of-discovery-result (close)="onCancel()"></of-discovery-result>
    <div dir="rtl">
      <button [disabled]="!selectedProbe && !probe" pButton type="button" label="Save" icon="fa-check" class="ui-button-width-fit"
        (click)="onSave()"></button>
      <button pButton type="button" label="Stop" icon="fa-close" class="ui-button-secondary ui-button-width-fit" (click)="onStop()"></button>
    </div>
  </div>
</div>