feat: show port mappings on container list hover

Author: Leonardo Chaia

src/app/daemon-tools/container-list/container-list.component.html

@@ -32,7 +32,7 @@ <h2 style="margin-bottom: 0">
 
       <div style="text-align: right">
 
-        <span title="Port Mappings"
+        <span [title]="'Port Mappings:\n' + getPortMappings(container)"
               class="text-nowrap">
           <mat-icon>network_wifi</mat-icon>
           <b>

src/app/daemon-tools/container-list/container-list.component.ts

@@ -106,6 +106,10 @@ export class ContainerListComponent implements OnInit, OnDestroy {
     }
   }
 
+  public getPortMappings(container: ContainerInfo) {
+    return container.Ports.map(p => p.PublicPort ? `${p.PublicPort}:${p.PrivatePort}` : p.PrivatePort).join('\n');
+  }
+
   public ngOnDestroy() {
     this.componetDestroyed.next();
     this.componetDestroyed.unsubscribe();