New Menu & Workflow Management (#3112)

* menu * wip * wip * wip * wip * wip * workflow saving/loading * Support inserting workflows Move buttosn to top of lists * fix session storage implement renaming * temp * refactor, better workflow instance management * wip * progress on progress * added send to workflow various fixes * Support multiple image loaders * Support dynamic size breakpoints based on content * various fixes add close unsaved warning * Add filtering tree * prevent renaming unsaved * fix zindex on hover * fix top offset * use filename as workflow name * resize on setting change * hide element until it is drawn * remove glow * Fix export name * Fix test, revert accidental changes to groupNode * Fix colors on all themes * show hover items on smaller screen (mobile) * remove debugging code * dialog fix * Dont reorder open workflows Allow elements around canvas * Toggle body display on setting change * Fix menu disappearing on chrome * Increase delay when typing, remove margin on Safari, fix dialog location * Fix overflow issue on iOS * Add reset view button Prevent view changes causing history entries * Bottom menu wip * Various fixes * Fix merge * Fix breaking old menu position * Fix merge adding restore view to loadGraphData
2024-06-25 11:49:25 +01:00
parent eab211bb1e
commit 90aebb6c86
35 changed files with 3986 additions and 312 deletions
--- a/web/scripts/ui/menu/queueOptions.js
+++ b/web/scripts/ui/menu/queueOptions.js
@@ -0,0 +1,77 @@
+// @ts-check
+
+import { $el } from "../../ui.js";
+import { prop } from "../../utils.js";
+
+export class ComfyQueueOptions extends EventTarget {
+	element = $el("div.comfyui-queue-options");
+
+	constructor(app) {
+		super();
+		this.app = app;
+
+		this.batchCountInput = $el("input", {
+			className: "comfyui-queue-batch-value",
+			type: "number",
+			min: "1",
+			value: "1",
+			oninput: () => (this.batchCount = +this.batchCountInput.value),
+		});
+
+		this.batchCountRange = $el("input", {
+			type: "range",
+			min: "1",
+			max: "100",
+			value: "1",
+			oninput: () => (this.batchCount = +this.batchCountRange.value),
+		});
+
+		this.element.append(
+			$el("div.comfyui-queue-batch", [
+				$el(
+					"label",
+					{
+						textContent: "Batch count: ",
+					},
+					this.batchCountInput
+				),
+				this.batchCountRange,
+			])
+		);
+
+		const createOption = (text, value, checked = false) =>
+			$el(
+				"label",
+				{ textContent: text },
+				$el("input", {
+					type: "radio",
+					name: "AutoQueueMode",
+					checked,
+					value,
+					oninput: (e) => (this.autoQueueMode = e.target["value"]),
+				})
+			);
+
+		this.autoQueueEl = $el("div.comfyui-queue-mode", [
+			$el("span", "Auto Queue:"),
+			createOption("Disabled", "", true),
+			createOption("Instant", "instant"),
+			createOption("On Change", "change"),
+		]);
+
+		this.element.append(this.autoQueueEl);
+
+		this.batchCount = prop(this, "batchCount", 1, () => {
+			this.batchCountInput.value = this.batchCount + "";
+			this.batchCountRange.value = this.batchCount + "";
+		});
+
+		this.autoQueueMode = prop(this, "autoQueueMode", "Disabled", () => {
+			this.dispatchEvent(
+				new CustomEvent("autoQueueMode", {
+					detail: this.autoQueueMode,
+				})
+			);
+		});
+	}
+}