TBNilles/ComfyUI-Model-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Setting to swap right and left model preview thumbnail buttons.

Browse Source
This commit is contained in:
Christian Bastian
2024-07-21 02:42:10 -04:00
parent 7f798cf738
commit 364cb27a99
2 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
__init__.py
View File

@@ -182,6 +182,7 @@ def ui_rules():
Rule("model-preview-fallback-search-safetensors-thumbnail", False, bool), Rule("model-preview-fallback-search-safetensors-thumbnail", False, bool),
Rule("model-show-add-button", True, bool), Rule("model-show-add-button", True, bool),
Rule("model-show-copy-button", True, bool), Rule("model-show-copy-button", True, bool),
Rule("model-info-button-on-left", False, bool),
Rule("model-preview-thumbnail-type", "JPEG/WEBP", str), Rule("model-preview-thumbnail-type", "JPEG/WEBP", str),
Rule("model-add-embedding-extension", False, bool), Rule("model-add-embedding-extension", False, bool),
Rule("model-add-drag-strict-on-field", False, bool), Rule("model-add-drag-strict-on-field", False, bool),

32
web/model-manager.js
View File

@@ -1674,6 +1674,7 @@ class ModelGrid {
const strictDragToAdd = settingsElements["model-add-drag-strict-on-field"].checked; const strictDragToAdd = settingsElements["model-add-drag-strict-on-field"].checked;
const addOffset = parseInt(settingsElements["model-add-offset"].value); const addOffset = parseInt(settingsElements["model-add-offset"].value);
const showModelExtension = settingsElements["model-show-label-extensions"].checked; const showModelExtension = settingsElements["model-show-label-extensions"].checked;
const modelInfoButtonOnLeft = !settingsElements["model-info-button-on-left"].checked;
const removeEmbeddingExtension = !settingsElements["model-add-embedding-extension"].checked; const removeEmbeddingExtension = !settingsElements["model-add-embedding-extension"].checked;
const previewThumbnailFormat = settingsElements["model-preview-thumbnail-type"].value; const previewThumbnailFormat = settingsElements["model-preview-thumbnail-type"].value;
if (models.length > 0) { if (models.length > 0) {
@@ -1681,9 +1682,9 @@ class ModelGrid {
const previewInfo = item.preview; const previewInfo = item.preview;
const searchPath = item.path; const searchPath = item.path;
const path = SearchPath.systemPath(searchPath, searchSeparator, systemSeparator); const path = SearchPath.systemPath(searchPath, searchSeparator, systemSeparator);
let buttons = []; let actionButtons = [];
if (showAddButton && !(modelType === "embeddings" && !navigator.clipboard)) { if (showAddButton && !(modelType === "embeddings" && !navigator.clipboard)) {
buttons.push( actionButtons.push(
$el("button.icon-button.model-button", { $el("button.icon-button.model-button", {
type: "button", type: "button",
textContent: "⧉︎", textContent: "⧉︎",
@@ -1698,7 +1699,7 @@ class ModelGrid {
); );
} }
if (showCopyButton) { if (showCopyButton) {
buttons.push( actionButtons.push(
$el("button.icon-button.model-button", { $el("button.icon-button.model-button", {
type: "button", type: "button",
textContent: "✚", textContent: "✚",
@@ -1713,6 +1714,14 @@ class ModelGrid {
}) })
); );
} }
const infoButtons = [
$el("button.icon-button.model-button", {
type: "button",
textContent: "ⓘ",
onclick: async() => { await showModelInfo(searchPath) },
draggable: false,
}),
];
const dragAdd = (e) => ModelGrid.#dragAddModel( const dragAdd = (e) => ModelGrid.#dragAddModel(
e, e,
modelType, modelType,
@@ -1739,18 +1748,13 @@ class ModelGrid {
$el("div.model-preview-top-right", { $el("div.model-preview-top-right", {
draggable: false, draggable: false,
}, },
buttons modelInfoButtonOnLeft ? infoButtons : actionButtons,
), ),
$el("div.model-preview-top-left", { $el("div.model-preview-top-left", {
draggable: false, draggable: false,
}, [ },
$el("button.icon-button.model-button", { modelInfoButtonOnLeft ? actionButtons : infoButtons,
type: "button", ),
textContent: "ⓘ",
onclick: async() => { await showModelInfo(searchPath) },
draggable: false,
}),
]),
$el("div.model-label", { $el("div.model-label", {
ondragend: (e) => dragAdd(e), ondragend: (e) => dragAdd(e),
draggable: false, draggable: false,
@@ -3390,6 +3394,10 @@ class SettingsView {
$: (el) => (settings["model-show-copy-button"] = el), $: (el) => (settings["model-show-copy-button"] = el),
textContent: "Show copy button", textContent: "Show copy button",
}), }),
$checkbox({
$: (el) => (settings["model-info-button-on-left"] = el),
textContent: "Model info button on the left",
}),
$select({ $select({
$: (el) => (settings["model-preview-thumbnail-type"] = el), $: (el) => (settings["model-preview-thumbnail-type"] = el),
textContent: "Preview thumbnail type", textContent: "Preview thumbnail type",