nodes/co5dt-ComfyUI-Persistent-Queue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve empty state handling for pending queues

Browse Source
This commit is contained in:
Simon Cordt
2025-09-26 14:50:48 +02:00
parent 815539e67c
commit f8f8a40148
2 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/js/pqueue.ui.js
+11 -1
View File
@@ -772,7 +772,8 @@
if (subtitle) subtitle.textContent = state.metrics.queueCount ? `${state.metrics.queueCount} pending` : '';
const table = state.dom.pendingTable;
if (!table) return;
Array.from(table.querySelectorAll('.pqueue-row[data-id]')).forEach((n) => n.remove());
Array.from(table.querySelectorAll('.pqueue-row[data-id]')).forEach((n) => n.remove());
try { Array.from(table.querySelectorAll('.pqueue-empty')).forEach((n) => n.remove()); } catch (err) { /* noop */ }
const rows = state.queue_pending.map(UI.pendingRow).filter(Boolean);
const header = table.querySelector('.pqueue-list__header');
const frag = document.createDocumentFragment();
@@ -782,6 +783,15 @@
} else {
table.appendChild(frag);
}
if (!rows.length) {
const empty = UI.emptyState({
icon: 'ti ti-stack-2',
title: 'Queue empty',
description: 'Enqueue prompts in ComfyUI to populate the persistent queue.',
});
if (header && header.nextSibling) table.insertBefore(empty, header.nextSibling);
else table.appendChild(empty);
}
UI.refreshFilter();
UI.updateSelectionUI();
UI.updatePendingFooter(Array.from(table.querySelectorAll('.pqueue-row[data-id]')).filter((r) => r.style.display !== 'none').length);
web/js/pqueue.ui.queue.js
+11 -1
View File
@@ -364,7 +364,8 @@
if (subtitle) subtitle.textContent = state.metrics.queueCount ? `${state.metrics.queueCount} pending` : '';
const table = state.dom.pendingTable;
if (!table) return;
Array.from(table.querySelectorAll('.pqueue-row[data-id]')).forEach((n) => n.remove());
Array.from(table.querySelectorAll('.pqueue-row[data-id]')).forEach((n) => n.remove());
try { Array.from(table.querySelectorAll('.pqueue-empty')).forEach((n) => n.remove()); } catch (err) { /* noop */ }
const rows = state.queue_pending.map(UI.pendingRow).filter(Boolean);
const header = table.querySelector('.pqueue-list__header');
const frag = document.createDocumentFragment();
@@ -374,6 +375,15 @@
} else {
table.appendChild(frag);
}
if (!rows.length) {
const empty = UI.emptyState({
icon: 'ti ti-stack-2',
title: 'Queue empty',
description: 'Enqueue prompts in ComfyUI to populate the persistent queue.',
});
if (header && header.nextSibling) table.insertBefore(empty, header.nextSibling);
else table.appendChild(empty);
}
UI.refreshFilter();
UI.updateSelectionUI();
UI.updatePendingFooter(Array.from(table.querySelectorAll('.pqueue-row[data-id]')).filter((r) => r.style.display !== 'none').length);