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/viewQueue.js
+++ b/web/scripts/ui/menu/viewQueue.js
@@ -0,0 +1,55 @@
+// @ts-check
+
+import { ComfyButton } from "../components/button.js";
+import { ComfyViewList, ComfyViewListButton } from "./viewList.js";
+import { api } from "../../api.js";
+
+export class ComfyViewQueueButton extends ComfyViewListButton {
+	constructor(app) {
+		super(app, {
+			button: new ComfyButton({
+				content: "View Queue",
+				icon: "format-list-numbered",
+				tooltip: "View queue",
+				classList: "comfyui-button comfyui-queue-button",
+			}),
+			list: ComfyViewQueueList,
+			mode: "Queue",
+		});
+	}
+}
+
+export class ComfyViewQueueList extends ComfyViewList {
+	getRow = (item, section) => {
+		if (section !== "Running") {
+			return super.getRow(item, section);
+		}
+		return {
+			text: item.prompt[0] + "",
+			actions: [
+				{
+					text: "Load",
+					action: async () => {
+						try {
+							await this.app.loadGraphData(item.prompt[3].extra_pnginfo.workflow);
+							if (item.outputs) {
+								this.app.nodeOutputs = item.outputs;
+							}
+						} catch (error) {
+							alert("Error loading workflow: " + error.message);
+							console.error(error);
+						}
+					},
+				},
+				{
+					text: "Cancel",
+					action: async () => {
+						try {
+							await api.interrupt();
+						} catch (error) {}
+					},
+				},
+			],
+		};
+	}
+}