Network inUse. Hide delete button for inUse items in all types.

Author: salilponde

pkg/dockerapi/models.go

@@ -132,6 +132,7 @@ type Network struct {
 	Name string `json:"name"`
 	Driver string `json:"driver"`
 	Scope string `json:"scope"`
+	InUse   bool   `json:"inUse"`
 }
 
 type DockerNetworkListResponse struct {

pkg/dockerapi/network.go

@@ -15,18 +15,34 @@ func NetworkList(req *DockerNetworkList) (*DockerNetworkListResponse, error) {
 		return nil, err
 	}
 
+	dcontainers, err := cli.ContainerList(context.Background(), types.ContainerListOptions{All: true})
+	if err != nil {
+		return nil, err
+	}
+
+	usedNetworks := make(map[string]interface{}, 0)
+	for _, c := range dcontainers {
+		if c.NetworkSettings != nil {
+			for _, n := range c.NetworkSettings.Networks {
+				usedNetworks[n.NetworkID] = nil
+			}	
+		}
+	}
+
 	dnetworks, err := cli.NetworkList(context.Background(), types.NetworkListOptions{})
 	if err != nil {
 		return nil, err
 	}
 
 	networks := make([]Network, len(dnetworks))
 	for i, item := range dnetworks {
+		_, inUse := usedNetworks[item.ID]
 		networks[i] = Network{
 			Id:		item.ID,
 			Name: 	item.Name,
 			Driver: item.Driver,
 			Scope: 	item.Scope,
+			InUse: 	inUse,
 		}
 	}
 

pkg/dockerapi/volume.go

@@ -38,11 +38,11 @@ func VolumeList(req *DockerVolumeList) (*DockerVolumeListResponse, error) {
 
 	volumes := make([]Volume, len(dvolumes.Volumes))
 	for i, item := range dvolumes.Volumes {
-		_, isUse := usedVolumes[item.Name]
+		_, inUse := usedVolumes[item.Name]
 		volumes[i] = Volume{
 			Driver: item.Driver,
 			Name: item.Name,
-			InUse: isUse,
+			InUse: inUse,
 		}
 	}
 

pkg/server/handler/request_docker.go

@@ -78,7 +78,7 @@ func (r *dockerContainerRemoveRequest) bind(c echo.Context, m *dockerapi.DockerC
 
 type dockerImageRemoveRequest struct {
 	Id      string  `json:"id" validate:"required,max=100"`
-	Force   bool	`json:"force" validate:"required"`
+	Force   bool	`json:"force"`
 }
 
 func (r *dockerImageRemoveRequest) bind(c echo.Context, m *dockerapi.DockerImageRemove) error {

web/src/app/images/image-list.tsx

@@ -52,7 +52,7 @@ export default function ImageList() {
       {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ id: image?.id, force: true }),
+        body: JSON.stringify({ id: image?.id, force: false }),
       }
     )
     if (!response.ok) {
@@ -162,12 +162,14 @@ export default function ImageList() {
                   <TableCell>{item.inUse ? "In use" : "Unused"}</TableCell>
                   <TableCell>{convertByteToMb(item.size)}</TableCell>
                   <TableCell className="text-right">
-                    <TableButtonDelete
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleDeleteImageConfirmation(item)
-                      }}
-                    />
+                    {!item.inUse && (
+                      <TableButtonDelete
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          handleDeleteImageConfirmation(item)
+                        }}
+                      />
+                    )}
                   </TableCell>
                 </TableRow>
               ))}

web/src/app/networks/network-list.tsx

@@ -28,6 +28,15 @@ import { toastFailed, toastSuccess } from "@/lib/utils"
 import apiBaseUrl from "@/lib/api-base-url"
 import DeleteDialog from "@/components/delete-dialog"
 
+const systemNetwoks = [
+  "none",
+  "bridge",
+  "host",
+  "ingress",
+  "docker_gwbridge",
+  "docker_volumes-backup-extension-desktop-extension_default",
+]
+
 export default function NetworkList() {
   const { nodeId } = useParams()
   const { nodeHead } = useNodeHead(nodeId!)
@@ -137,6 +146,7 @@ export default function NetworkList() {
               <TableHead scope="col">Name</TableHead>
               <TableHead scope="col">Driver</TableHead>
               <TableHead scope="col">Scope</TableHead>
+              <TableHead scope="col">Status</TableHead>
               <TableHead scope="col">
                 <span className="sr-only">Actions</span>
               </TableHead>
@@ -151,13 +161,16 @@ export default function NetworkList() {
                   <TableCell>{item.name}</TableCell>
                   <TableCell>{item.driver}</TableCell>
                   <TableCell>{item.scope}</TableCell>
+                  <TableCell>{item.inUse ? "In use" : "Unused"}</TableCell>
                   <TableCell className="text-right">
-                    <TableButtonDelete
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleDeleteNetworkConfirmation(item)
-                      }}
-                    />
+                    {!systemNetwoks.includes(item.name) && !item.inUse && (
+                      <TableButtonDelete
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          handleDeleteNetworkConfirmation(item)
+                        }}
+                      />
+                    )}
                   </TableCell>
                 </TableRow>
               ))}

web/src/app/volumes/volume-list.tsx

@@ -154,12 +154,14 @@ export default function VolumeList() {
                   <TableCell>{item.name}</TableCell>
                   <TableCell>{item.inUse ? "In use" : "Unused"}</TableCell>
                   <TableCell className="text-right">
-                    <TableButtonDelete
-                      onClick={(e) => {
-                        e.stopPropagation()
-                        handleDeleteVolumeConfirmation(item)
-                      }}
-                    />
+                    {!item.inUse && (
+                      <TableButtonDelete
+                        onClick={(e) => {
+                          e.stopPropagation()
+                          handleDeleteVolumeConfirmation(item)
+                        }}
+                      />
+                    )}
                   </TableCell>
                 </TableRow>
               ))}

web/src/lib/api-models.ts

@@ -114,6 +114,7 @@ export interface INetwork {
   name: string
   driver: string
   scope: string
+  inUse: boolean
 }
 
 export interface IComposeLibraryItemHead {