Bumped version to v0.40. Added Podman support.

CHANGELOG.md

@@ -1,18 +1,25 @@
-## v0.30 (dev) - HTMX rewrite
-* Rewrote the dashboard to use HTMX.
+## v0.40 (dev) - HTMX rewrite
+* Pages rewritten to use HTMX.
 * Removed Socket.io.
-* Views are now HTML instead of EJS.
+* Changed view files to *.HTML instead of *.EJS.
 * Improved Dockerfile.
 * Express sessions configured to use memorystore.
 * Improved chart rendering.
 * Improvements to container charts.
+* Created Variables page.
 * Created Supporters page.
 * Ability to remove images, volumes, or networks.
 * Fixed list.js sorting.
+* Fixed apps.js page navigation.
 * Removed stackfiles from templates.json and updated some icons.
 * New logo.
 * Improved handling of Docker events.
 * Improved dashboard responsiveness.
+* Updated server metrics styles.
+* Container cards display pending action.
+* Container charts only rendered if container running.
+* Created permissions modal.
+* Podman support (untested).
 
 ## v0.20 (Jan 20th 2024) - The rewrite. Jumping all the way to v0.20.
 * Changed to ES6 imports.

README.md

@@ -1,7 +1,7 @@
 # DweebUI
 DweebUI is a web interface for managing Docker, with a zero-config dashboard for controlling and monitoring your containers.
 
-Alpha v0.30 ( :fire: Experimental :fire: )
+Alpha v0.40 ( :fire: Experimental :fire: )
 
    
 [:warning: DweebUI is a management interface and should not be directly exposed to the internet :warning:](https://github.com/lllllllillllllillll/DweebUI/wiki/Exposing-DweebUI-to-the-Internet)

docker-compose.yaml

@@ -2,7 +2,7 @@ version: "3.9"
 services:
   dweebui:
     container_name: dweebui
-    image: lllllllillllllillll/dweebui:v0.30-dev
+    image: lllllllillllllillll/dweebui:v0.40-dev
     environment:
       PORT: 8000
       SECRET: MrWiskers
@@ -11,7 +11,10 @@ services:
       - 8000:8000
     volumes:
       - dweebui:/app/database/db.sqlite
+      # Docker socket
       - /var/run/docker.sock:/var/run/docker.sock
+      # Podman socket
+      #- /var/run/podman/podman.sock:/var/run/docker.sock
     networks:
       - dweebui_net
 

views/dashboard.html

@@ -149,11 +149,11 @@
             </div>
 
             <!-- HTMX -->
-            <div class="col-12">
+            <!-- <div class="col-12">
               <div class="row row-cards" data-hx-get="/installs" name="jellyfin" data-hx-trigger="load delay:2s, sse:install" data-hx-swap="beforeend" hx-target="#containerCards">
 
               </div>
-            </div>
+            </div> -->
             
             <!-- HTMX Target-->
             <div id="modals-here" class="modal modal-blur fade" style="display: none" aria-hidden="false" tabindex="-1">
@@ -229,10 +229,10 @@
         },
         series: [{
           name: "CPU",
-          data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+          data: []
         }, {
           name: "RAM",
-          data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]
+          data: []
         }],
         tooltip: {
           enabled: false

views/footer.html

@@ -24,7 +24,7 @@
           </li>
           <li class="list-inline-item">
             <a href="https://github.com/lllllllillllllillll/DweebUI/releases" class="link-secondary" rel="noopener">
-              v0.30
+              v0.40
             </a>
           </li>
         </ul>

views/navbar.html

@@ -84,11 +84,15 @@
             <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none" /> <path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /> <path d="M9 17v1a3 3 0 0 0 6 0v-1" /> </svg>
             <!-- <span class="badge bg-red"></span> -->
           </a>
+          
+          
           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
             <div class="card">
               <div class="card-header">
                 <h3 class="card-title">Notifications</h3>
               </div>
+              
+              
               <div class="list-group list-group-flush list-group-hoverable">
                 <div class="list-group-item">
                   <div class="row align-items-center">
@@ -125,7 +129,9 @@
                     </div>
                   </div>
                 </div>
+
               </div>
+              
             </div>
           </div>
         </div>
@@ -143,10 +149,8 @@
           </div>
         </a>
         <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
-          <!-- <a href="#" class="dropdown-item">Status</a> -->
           <a href="/account" class="dropdown-item">Account</a>
           <a href="/variables" class="dropdown-item">Variables</a>
-          <!-- <a href="#" class="dropdown-item">Feedback</a> -->
           <a href="/settings" class="dropdown-item">Settings</a>
           <!-- <div class="dropdown-divider"></div> -->