fix: fixed container naming on lists

Author: Leonardo Chaia

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

@@ -23,7 +23,8 @@ <h2 style="margin-bottom: 0">
             {{container.State}}
           </small>
           <br>
-          <code>{{container.Id | slice:0:12}} {{container.Image}}</code>
+          <code title="Container Id">{{container.Id | slice:0:12}}</code>
+          <code title="Image"> {{getImageName(container)}}</code>
         </h2>
         <tim-loading [alternative]="true"
                      *ngIf="loadingMap.get(container.Id)"></tim-loading>

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

@@ -98,6 +98,14 @@ export class ContainerListComponent implements OnInit, OnDestroy {
       });
   }
 
+  public getImageName(container: ContainerInfo) {
+    if (container.Image.startsWith('sha256:')) {
+      return container.Image.replace('sha256:', '').slice(0, 12);
+    } else {
+      return container.Image;
+    }
+  }
+
   public ngOnDestroy() {
     this.componetDestroyed.next();
     this.componetDestroyed.unsubscribe();