From b608e55889578167c7c97545fd3ecf890b1ffc27 Mon Sep 17 00:00:00 2001
From: Simon Cordt <s.b.cordt@gmail.com>
Date: Thu, 25 Sep 2025 05:04:39 +0200
Subject: [PATCH] Refactor: Cache DOM elements for running and pending cards

---
 web/pqueue.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/pqueue.js b/web/pqueue.js
index 74d0904..839357f 100644
--- a/web/pqueue.js
+++ b/web/pqueue.js
@@ -640,11 +640,13 @@
                     rows.push(UI.el("div", { class: "pqueue-item pqueue-item--running", "data-id": pid }, [meta, progress]));
                 });
             }
-            return UI.card("Currently running", {
+            const card = UI.card("Currently running", {
                 icon: "ti ti-activity-heartbeat",
                 subtitle: state.metrics.runningCount ? `${state.metrics.runningCount} active` : null,
                 content: rows,
             });
+            state.dom.runningCard = card;
+            return card;
         },
 
         renderPending() {
@@ -702,12 +704,14 @@
                 UI.el("div", { class: "pqueue-table__footer-right" }, [deleteSelected]),
             ]);
 
-            return UI.card("Queue", {
+            const card = UI.card("Queue", {
                 icon: "ti ti-stack-front",
                 subtitle: state.metrics.queueCount ? `${state.metrics.queueCount} pending` : null,
                 actions: [filter],
                 content: [wrapper, footer],
             });
+            state.dom.pendingCard = card;
+            return card;
         },
 
         pendingRow(item) {