From 4753dcb6d443a64d04e6c3b1ac29908a33b55dd0 Mon Sep 17 00:00:00 2001
From: kodi <kodi@lab.local>
Date: Thu, 19 Feb 2026 12:45:25 +0100
Subject: [PATCH] feat(containers-dashboard): Pod start/restart/stop knoppen en
 favico toegevoegd

---
 webui/html/index.html            |  52 +++++++++++++++++++++++++++++--
 webui/html/podman.io-favicon.ico | Bin 0 -> 15406 bytes
 2 files changed, 49 insertions(+), 3 deletions(-)
 create mode 100644 webui/html/podman.io-favicon.ico

diff --git a/webui/html/index.html b/webui/html/index.html
index 36708d8..3ee54f6 100644
--- a/webui/html/index.html
+++ b/webui/html/index.html
@@ -9,6 +9,7 @@
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/yaml/yaml.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.16/mode/javascript/javascript.min.js"></script>
   <title>MVP Control UI</title>
+  <link rel="icon" type="image/x-icon" href="podman.io-favicon.ico">
   <style>
     :root{
       --bg: #0b1220;
@@ -709,21 +710,66 @@
       );
 
       const collapsed = _isCollapsed(pod);
+      const isRealPod = (pod !== '(geen pod)');
+      const total = items.length;
+
+      const running = items.filter(x => {
+        const s = (x.Status || x.State || '').toLowerCase();
+        return s === 'running';
+      }).length;
+
+      let cls = 'warn';                 // default
+      let label = `${running}/${total}`;
+
+      if (total === 0) {                // edge case
+        cls = 'muted';
+      } else if (running === total) {
+        cls = 'ok';                     // groen
+      } else if (running === 0) {
+        cls = 'bad';                    // rood
+      } else {
+        cls = 'warn';                   // oranje
+      }
 
       html += `
         <tr class="pod-group-row">
-          <td colspan="${colCount}">
+          <td>
             <span class="pod-toggle" data-pod="${pod}" style="cursor:pointer; user-select:none;">
-              ${collapsed ? '▶' : '▼'} <b>${esc(pod)}</b> <span style="opacity:.7;">(${items.length})</span>
+              ${collapsed ? '▶' : '▼'} <b>${esc(pod)}</b>
             </span>
           </td>
+
+          <td>
+            <span class="btn small ${cls}">
+              ${label}
+            </span>
+          </td>
+
+          <td class="muted">-</td>
+          <td class="muted">-</td>
+          <td>${isRealPod ? '<span class="btn small muted">pod</span>' : '<span class="muted">-</span>'}</td>
+          <td class="muted num">-</td>
+          <td class="muted num">-</td>
+          <td class="muted">-</td>
+          <td>
+            ${isRealPod ? `
+              <div class="flex">
+                <button class="btn small" disabled style="visibility:hidden;">Inspect</button>
+                <button class="btn small" disabled style="visibility:hidden;">Logs</button>
+
+                <button class="btn small ok" onclick="podAction('start','${esc(pod)}')">Start</button>
+                <button class="btn small warn" onclick="podAction('restart','${esc(pod)}')">Restart</button>
+                <button class="btn small bad" onclick="podAction('stop','${esc(pod)}')">Stop</button>
+              </div>
+            ` : '<span class="muted">-</span>'}
+          </td>
         </tr>
       `;
 
       for (const c of items) {
         const row = renderContainerRow(c).replace(
           '<tr',
-          `<tr class="pod-item-row" data-pod="${esc(pod)}"${collapsed ? ' style="display:none;"' : ''}`
+          `<tr class="pod-item-row" data-pod="${pod}"${collapsed ? ' style="display:none;"' : ''}`
         );
         html += row;
       }
diff --git a/webui/html/podman.io-favicon.ico b/webui/html/podman.io-favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..23cfa867c2e1af4addaa189bd401367cedb8d174
GIT binary patch
literal 15406
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
a@%~Fkq4kf%YW<A>RNuUQBZ0470{;g&hgVVn

literal 0
HcmV?d00001