fix: improved list refreshing logics

Author: Leonardo Chaia

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

@@ -27,7 +27,7 @@ export class ContainerListComponent implements OnInit, OnDestroy {
 
   public ngOnInit() {
 
-    this.daemonEvents.bindAll(['destroy', 'start', 'stop', 'pause', 'unpause', 'restart', 'update'])
+    this.daemonEvents.bindAll(['destroy', 'start', 'stop', 'pause', 'unpause', 'restart', 'update'], 'container')
       .pipe(takeUntil(this.componetDestroyed))
       .subscribe(() => {
         this.reload();

src/app/daemon-tools/docker-events.service.ts

@@ -25,6 +25,11 @@ export class DockerEventsService implements OnDestroy {
         if (this.events.has(decoded.Action)) {
           this.events.get(decoded.Action).next(decoded);
         }
+
+        const combined = `${decoded.Type}.${decoded.Action}`;
+        if (this.events.has(combined)) {
+          this.events.get(combined).next(decoded);
+        }
       });
   }
 
@@ -43,7 +48,7 @@ export class DockerEventsService implements OnDestroy {
     }
   }
 
-  public bindAll(events: string[]) {
-    return combineLatest(events.map(e => this.bind(e).pipe(startWith(null))));
+  public bindAll(events: string[], type?: string) {
+    return combineLatest(events.map(e => this.bind(type ? `${type}.${e}` : e).pipe(startWith(null))));
   }
 }

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

@@ -47,7 +47,7 @@ export class ImageListComponent implements OnInit, OnDestroy {
         this.processFilter();
       });
 
-    this.daemonEvents.bindAll(['delete', 'import', 'load', 'pull', 'tag', 'untag'])
+    this.daemonEvents.bindAll(['delete', 'import', 'load', 'pull', 'tag', 'untag'], 'image')
       .pipe(takeUntil(this.componetDestroyed))
       .subscribe(() => {
         this.reload();