probe-list/detail modified

@overflow/shared/ui/component/host-ips-overlay.component.html

@@ -0,0 +1,7 @@
+<p-overlayPanel #op *ngIf="infraHostIPs && infraHostIPs.length > 1">
+    <div *ngFor="let ip of infraHostIPs">
+        {{ip.address}}
+    </div>
+</p-overlayPanel>
+
+<a style="cursor: pointer; text-decoration: underline" (click)="op.toggle($event)">{{infraHostIPs[0].address}}</a>

@overflow/shared/ui/component/host-ips-overlay.component.ts

@@ -0,0 +1,15 @@
+import { Component, Input } from '@angular/core';
+import { InfraHostIP } from '@overflow/commons-typescript';
+
+@Component({
+  selector: 'of-host-ips-overlay',
+  templateUrl: './host-ips-overlay.component.html'
+})
+export class HostIPsOverlayComponent {
+
+  @Input() infraHostIPs: InfraHostIP[];
+
+  constructor(
+  ) { }
+
+}

@overflow/shared/ui/component/index.ts

@@ -2,10 +2,12 @@ import { BlockProgressbarComponent } from './block-progressbar.component';
 import { KeyValueComponent } from './key-value.component';
 import { ErrorMessageComponent } from './error-message.component';
 import { MessageComponent } from './message.component';
+import { HostIPsOverlayComponent } from './host-ips-overlay.component';
 
 export const COMPONENTS = [
   BlockProgressbarComponent,
   KeyValueComponent,
   MessageComponent,
   ErrorMessageComponent,
+  HostIPsOverlayComponent
 ];