..

src/packages/discovery/component/setting/probe-selector/probe-selector.component.html

@@ -1,8 +1,4 @@
-<div *ngIf="!preProbe; else probeInfo">
+<div *ngIf="!preProbe">
   <p-dropdown [options]="probes" optionLabel="displayName" placeholder="Select a Probe" (onChange)="onProbeSelect($event)"
     [style]="{'width':'300px'}"></p-dropdown>
 </div>
-
-<ng-template #probeInfo>
-  <div>{{preProbe.displayName}} ({{preProbe.cidr}})</div>
-</ng-template>

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

@@ -3,7 +3,7 @@
   <of-probe-selector [preProbe]="probe" (probeSelected)="onProbeSelect($event)"></of-probe-selector>
 
   <p-blockUI [target]="df" [blocked]="!selectedProbe"></p-blockUI>
-  <p-panel #df header="Panel Header">
+  <p-panel #df header="{{getHeaderTitle()}}">
     <of-discovery-filter [probe]="selectedProbe" [requestStart]="requestStart" (discoveryRequested)="onDiscoveryStart($event)"></of-discovery-filter>
   </p-panel>
 

src/packages/discovery/component/setting/setting.component.ts

@@ -76,4 +76,8 @@ export class SettingComponent implements OnInit, AfterContentInit, OnDestroy, On
     this.close.emit();
     this.started = false;
   }
+
+  getHeaderTitle() {
+    return this.selectedProbe ? this.selectedProbe.cidr : 'Discoverying Network.';
+  }
 }