feat: force remove running containers

Author: Leonardo Chaia

src/app/daemon-tools/container-menu.service.ts

@@ -5,6 +5,7 @@ import { TimoneerTabs } from '../timoneer-tabs';
 import { DockerContainerService } from './docker-container.service';
 import { NotificationService } from '../shared/notification.service';
 import { ContextMenuService, ContextMenuConstructor } from '../electron-tools/context-menu.service';
+import { TimDialogService } from '../tim-dialog/tim-dialog.service';
 
 @Injectable({
   providedIn: 'root'
@@ -14,7 +15,8 @@ export class ContainerMenuService {
   constructor(private menu: ContextMenuService,
     private containerService: DockerContainerService,
     private notificationService: NotificationService,
-    private tabService: TabService) { }
+    private tabService: TabService,
+    private timDialog: TimDialogService) { }
 
   public open(container: ContainerInfo) {
 
@@ -39,7 +41,9 @@ export class ContainerMenuService {
       }
     ];
 
-    if (container.State === 'running') {
+    const isRunning = container.State === 'running';
+
+    if (isRunning) {
       template.push({
         label: 'Stop',
         click: () => {
@@ -67,18 +71,38 @@ export class ContainerMenuService {
       });
     }
 
-
     template.push({
       label: 'Remove',
       click: () => {
-        const obs = this.containerService.remove(container.Id);
-        obs.subscribe(() => {
-          this.notificationService.open(`${container.Names[0]} has been removed`);
-        });
-        return obs;
+        if (isRunning) {
+          this.timDialog.openMessageModal({
+            title: `Force remove ${container.Names[0]}`,
+            message: 'The container is running and must be forced to be removed.',
+            confirmButton: {
+              color: 'warn',
+              icon: 'delete',
+              text: 'Force Removal',
+              action: () => {
+                this.deleteContainer(container, true);
+              }
+            }
+          });
+        } else {
+          this.deleteContainer(container);
+        }
       }
     });
 
     return this.menu.open(template);
   }
+
+  protected deleteContainer(container: ContainerInfo, force = false) {
+    const obs = this.containerService.remove(container.Id, {
+      force: force
+    });
+    obs.subscribe(() => {
+      this.notificationService.open(`${container.Names[0]} has been removed`);
+    });
+    return obs;
+  }
 }

src/app/daemon-tools/daemon-tools.module.ts

@@ -47,6 +47,7 @@ import { ContainerListContainerComponent } from './container-list-container/cont
 import { ContainerLauncherComponent } from './container-launcher/container-launcher.component';
 import { PullImageJobLogsComponent } from './pull-image-job-logs/pull-image-job-logs.component';
 import { JobsModule } from '../jobs/jobs.module';
+import { TimDialogModule } from '../tim-dialog/tim-dialog.module';
 
 @NgModule({
   imports: [
@@ -73,6 +74,7 @@ import { JobsModule } from '../jobs/jobs.module';
     MatTooltipModule,
 
     SharedModule,
+    TimDialogModule,
     SettingsModule,
     JobsModule,