refactor: move monolithic link dialog methods into domain-based modules
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const queueMethods = {
|
||||
createContent() {
|
||||
// Wrap the body in a two-column layout: left = items, right = queued panel
|
||||
+4
-4
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const resolveDownloadMethods = {
|
||||
/**
|
||||
* Resolve a model - resolves ALL nodes that reference this model
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const selectionMethods = {
|
||||
/**
|
||||
* Handle clicks outside the dialog
|
||||
+14
-14
@@ -1,18 +1,18 @@
|
||||
import { $el, ComfyDialog } from "../../../../scripts/ui.js";
|
||||
import { searchPanelMethods } from "./search_panel.js";
|
||||
import { modelInfoMethods } from "./model_info_methods.js";
|
||||
import { renderFormatMethods } from "./render_format_methods.js";
|
||||
import { workflowStateMethods } from "./workflow_state_methods.js";
|
||||
import { selectionMethods } from "./selection_methods.js";
|
||||
import { dialogShellMethods } from "./dialog_shell_methods.js";
|
||||
import { downloadTargetMethods } from "./download_target_methods.js";
|
||||
import { optionsMethods } from "./options_methods.js";
|
||||
import { tabsLoadedMethods } from "./tabs_loaded_methods.js";
|
||||
import { queueMethods } from "./queue_methods.js";
|
||||
import { lifecycleGraphMethods } from "./lifecycle_graph_methods.js";
|
||||
import { missingBrowserMethods } from "./missing_browser_methods.js";
|
||||
import { resolveDownloadMethods } from "./resolve_download_methods.js";
|
||||
import { workflowUpdateMethods } from "./workflow_update_methods.js";
|
||||
import { dialogShellMethods } from "./shell/dialog_shell_methods.js";
|
||||
import { lifecycleGraphMethods } from "./shell/lifecycle_graph_methods.js";
|
||||
import { workflowStateMethods } from "./shell/workflow_state_methods.js";
|
||||
import { workflowUpdateMethods } from "./shell/workflow_update_methods.js";
|
||||
import { modelInfoMethods } from "./views/model_info_methods.js";
|
||||
import { missingBrowserMethods } from "./views/missing_browser_methods.js";
|
||||
import { optionsMethods } from "./views/options_methods.js";
|
||||
import { tabsLoadedMethods } from "./views/tabs_loaded_methods.js";
|
||||
import { downloadTargetMethods } from "./search/download_target_methods.js";
|
||||
import { searchPanelMethods } from "./search/search_panel.js";
|
||||
import { queueMethods } from "./actions/queue_methods.js";
|
||||
import { resolveDownloadMethods } from "./actions/resolve_download_methods.js";
|
||||
import { selectionMethods } from "./actions/selection_methods.js";
|
||||
import { renderFormatMethods } from "./utils/render_format_methods.js";
|
||||
export class LinkerManagerDialog extends ComfyDialog {
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
+4
-4
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const downloadTargetMethods = {
|
||||
/**
|
||||
* Ensure all models are loaded for the dropdown.
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const searchPanelMethods = {
|
||||
/**
|
||||
* Build stable cache key for a missing model entry
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const dialogShellMethods = {
|
||||
createHeader() {
|
||||
// Create tabs
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const lifecycleGraphMethods = {
|
||||
async show(workflow = null) {
|
||||
this.undockToFloating({ persist: false });
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const workflowStateMethods = {
|
||||
getWorkflowSignature(workflow) {
|
||||
if (!workflow) return null;
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const workflowUpdateMethods = {
|
||||
/**
|
||||
* Extract model page URL from a download URL
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const renderFormatMethods = {
|
||||
/**
|
||||
* Get a colored confidence badge HTML
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const missingBrowserMethods = {
|
||||
getMissingFilename(missing = {}) {
|
||||
return missing.original_path?.split('/').pop()?.split('\\').pop() || missing.name || 'Missing model';
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const modelInfoMethods = {
|
||||
/**
|
||||
* Handle click outside context menu to hide it
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const optionsMethods = {
|
||||
displayOptions() {
|
||||
if (!this.contentElement) return;
|
||||
@@ -1,7 +1,7 @@
|
||||
import { app } from "../../../../scripts/app.js";
|
||||
import { api } from "../../../../scripts/api.js";
|
||||
import { $el } from "../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../utils/icon_utils.js";
|
||||
import { app } from "../../../../../scripts/app.js";
|
||||
import { api } from "../../../../../scripts/api.js";
|
||||
import { $el } from "../../../../../scripts/ui.js";
|
||||
import { getSvgIcon } from "../../utils/icon_utils.js";
|
||||
export const tabsLoadedMethods = {
|
||||
getTabButton(tab) {
|
||||
return {
|
||||
Reference in New Issue
Block a user