ui fix, docker image update, github action added for release

.github/workflows/deploy.yml

@@ -0,0 +1,22 @@
+name: Deploying Image on Release
+
+on:
+  release:
+    types: [published]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Logging into Github Container Registry
+        run: |
+          echo $CR_PAT | docker login ghcr.io -u utkarsh-1905 --password-stdin
+        env:
+          CR_PAT: ${{ secrets.CR_PAT }}
+      - name: Building Docker Image
+        run: |
+          docker build . -t ghcr.io/utkarsh-1905/docker-network-vis:${{ github.sha }}
+      - name: Pushing Docker Image
+        run: |
+          docker push ghcr.io/utkarsh-1905/docker-network-vis:${{ github.sha }}

.gitignore

@@ -1 +1,3 @@
-TODO.md
+TODO.md
+start.dev.sh
+*.exe

Dockerfile

@@ -21,5 +21,6 @@ LABEL traefik.port=80
 LABEL traefik.http.routers.network.rule="Host(`network.utkarsh.ninja`)"
 LABEL traefik.http.routers.network.tls=true
 LABEL traefik.http.routers.network.tls.certresolver="lets-encrypt"
+LABEL org.opencontainers.image.source="https://github.com/utkarsh-1905/docker-network-vis"
 EXPOSE 3000
 CMD [ "./main.exe" ]

Readme.md

@@ -1,3 +1,10 @@
-### Current UI
+### How to use
 
-![UI](./assets/ui-1.png)
+1. Clone the repository
+2. Run the start.sh bash file in your linux terminal to build and start the container on local port 6904.
+3. Open your browser and go to localhost:6904 and you should see the app running and displaying all your containers in your network buckets.
+
+### Why to use?
+
+1. It is a very simple application to give you a quick overview of all your containers in your network buckets.
+2. It helps in debugging and testing your containers.

start.sh

@@ -1 +1,2 @@
-sudo docker run -d -p 6904:3000 --rm --net web --name docker-vis -v /var/run/docker.sock:/var/run/docker.sock docker-vis:latest
+sudo docker build . -t docker-vis:latest
+sudo docker run -d -p 6904:3000 --rm --net web --net bridge --name docker-vis -v /var/run/docker.sock:/var/run/docker.sock docker-vis:latest

utils/error.go

@@ -1,7 +1,9 @@
 package util
 
+import "log"
+
 func HandleError(err error) {
 	if err != nil {
-		panic(err)
+		log.Fatal(err)
 	}
 }

views/index.html

@@ -17,7 +17,7 @@
       <h1>Docker Network Visualizer</h2>
     </header>
     <main>
-      <div class="pingtest">
+      <!-- <div class="pingtest">
         <div class="ping">Ping Containers to check Network</div>
           <select name="c1" class="c1">
             {{range .networks}}
@@ -35,7 +35,7 @@ <h1>Docker Network Visualizer</h2>
             {{end}}       
           </select>
           <button class="pingbtn">Ping</button>
-      </div>
+      </div> -->
       <hr />
       <div class="networks-container">
         <h2>Networks</h2>