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

Improve empty state display in Persistent Queue UI

Browse Source
This commit is contained in:
Simon Cordt
2025-09-25 09:13:31 +02:00
parent 0b2e4fafd0
commit 587f9f9dd1
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/pqueue.js
+13 -6
View File
@@ -667,11 +667,10 @@
renderRunning() {
const rows = [];
if (!state.queue_running.length) {
rows.push(UI.emptyState({
icon: "ti ti-player-play",
title: "No running job",
description: "Prompt will start running after the queue resumes",
}));
const placeholder = UI.el("div", { class: "pqueue-item pqueue-item--running", style: "display:flex;align-items:center;justify-content:center;text-align:center;" }, [
UI.el("span", { class: "pqueue-muted", text: "no running job" })
]);
rows.push(placeholder);
} else {
state.queue_running.forEach((item, index) => {
const pid = item[1];
@@ -1028,10 +1027,18 @@
if (!card) return;
const body = card.querySelector('.pqueue-card__body');
if (!body) return;
const beforeHeight = Math.max(0, body.offsetHeight || 0);
body.innerHTML = '';
if (!state.queue_running.length) {
body.appendChild(UI.emptyState({ icon: 'ti ti-player-play', title: 'No running job', description: 'Prompt will start running after the queue resumes' }));
// Preserve current height to avoid layout shift
if (beforeHeight) body.style.minHeight = `${beforeHeight}px`;
const placeholder = UI.el('div', { class: 'pqueue-item pqueue-item--running', style: 'display:flex;align-items:center;justify-content:center;text-align:center;' }, [
UI.el('span', { class: 'pqueue-muted', text: 'no running job' })
]);
body.appendChild(placeholder);
} else {
// Allow height to adjust naturally when running again
try { body.style.minHeight = ''; } catch (err) { /* noop */ }
state.queue_running.forEach((item, index) => {
const pid = item[1];
const fraction = Math.max(0, Math.min(1, Number(state.running_progress?.[pid]) || 0));