discovery

@overflow/probe/component/list/list.component.html

@@ -1,7 +1,7 @@
 <h1>Probes</h1>
-<p-blockUI [target]="content" [blocked]="pending">
-  <i class="fa ui-icon-lock block-icon"></i>
-</p-blockUI>
+<of-message [error]="error" [closable]="false"></of-message>
+<of-block-progressbar [target]="content" [pending]="pending"></of-block-progressbar>
+
 <p-panel #content [showHeader]="false" class="block-panel">
   <p-table [value]="probeHosts" selectionMode="single" (onRowSelect)="onProbeSelect($event)" [resizableColumns]="true">
     <ng-template pTemplate="header">

@overflow/probe/component/list/list.component.ts

@@ -7,8 +7,9 @@ import { ProbeHost, Probe } from '@overflow/commons-typescript/model/probe';
 })
 export class ProbeListComponent {
   @Output() select = new EventEmitter<ProbeHost>();
-  @Input() pending;
+  @Input() pending: boolean;
   @Input() probeHosts: ProbeHost[];
+  @Input() error: any;
 
   constructor() {
   }

@overflow/probe/component/selector/selector.component.html

@@ -1,4 +1,4 @@
 <div *ngIf="!probeHostID">
   <p-dropdown *ngIf="options.length > 0" [options]="options" [(ngModel)]="selected" optionLabel="displayName" placeholder="Select a Probe"
-    (onChange)="onSelect($event.value)"></p-dropdown>
+    (onChange)="onSelect()"></p-dropdown>
 </div>

@overflow/probe/component/selector/selector.component.ts

@@ -12,6 +12,7 @@ export class ProbeSelectorComponent implements OnChanges {
   @Input() probeHostID: number;
 
   options: Probe[];
+  selected: Probe;
 
   constructor() {
   }
@@ -34,8 +35,8 @@ export class ProbeSelectorComponent implements OnChanges {
     });
   }
 
-  onSelect(probe: Probe) {
-    const optionselected = this.probeHosts.find(probeHost => probeHost.id === probe.id);
+  onSelect() {
+    const optionselected = this.probeHosts.find(probeHost => probeHost.probe.id === this.selected.id);
     this.select.emit(optionselected);
   }
 

@overflow/probe/container/probe-list-container.component.html

@@ -1 +1 @@
-<of-probe-list [pending]="pending$ | async" (select)="onSelect($event)" [probeHosts]="probeHosts$ | async"></of-probe-list>
+<of-probe-list [pending]="pending$ | async" (select)="onSelect($event)" [probeHosts]="probeHosts$ | async" [error]="error$ | async"></of-probe-list>

@overflow/probe/container/probe-list-container.component.ts

@@ -26,6 +26,8 @@ export class ProbeListContainerComponent implements OnInit {
     ngOnInit() {
         this.probeHosts$ = this.store.pipe(select(ProbeListContainerSelector.selectAll));
         this.pending$ = this.store.pipe(select(ProbeListContainerSelector.selectPending));
+        this.error$ = this.store.pipe(select(ProbeListContainerSelector.selectError));
+
         this.store.select(AuthContainerSelector.selectDomainMember).subscribe(
             (domainMember: DomainMember) => {
                 this.store.dispatch(new ProbeEntityStore.ReadAllByDomainID(domainMember.domain.id));

@overflow/probe/probe.module.ts

@@ -9,6 +9,8 @@ import { PrimeNGModules } from '../commons/prime-ng/prime-ng.module';
 import { FormsModule } from '@angular/forms';
 import { MetaModule } from '@overflow/meta/meta.module';
 import { KeyValueModule } from '@overflow/commons/component/key-value/key-value.module';
+import { BlockProgressbarModule } from '../commons/component/block-progressbar/block-progressbar.module';
+import { MessageModule } from 'primeng/primeng';
 
 @NgModule({
   imports: [
@@ -17,7 +19,9 @@ import { KeyValueModule } from '@overflow/commons/component/key-value/key-value.
     ProbeStoreModule,
     FormsModule,
     KeyValueModule,
-    MetaModule
+    MetaModule,
+    BlockProgressbarModule,
+    MessageModule
   ],
   declarations: [
     CONTAINER_COMPONENTS,