alphard/ComfyUI-Lora-Manager
1
0
Fork 0
mirror of https://github.com/willmiao/ComfyUI-Lora-Manager.git synced 2026-03-24 22:52:12 -03:00
Code Issues Packages Projects Releases Wiki Activity

feat(context-menu): enhance bulk workflow options with append and replace actions

Browse Source
This commit is contained in:
Will Miao
2025-09-05 10:55:38 +08:00
parent affb507b37
commit 7475de366b
4 changed files with 23 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
static/css/components/menu.css
View File

@@ -217,17 +217,19 @@
/* Bulk Context Menu Header */ /* Bulk Context Menu Header */
.bulk-context-header { .bulk-context-header {
padding: 10px 12px; padding: 10px 12px;
background: var(--lora-accent); background: var(--card-bg); /* Use card background for subtlety */
color: var(--lora-text); color: var(--text-color); /* Use standard text color */
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0; border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 0;
border-bottom: 1px solid var(--border-color); /* Add subtle separator */
} }
.bulk-context-header i { .bulk-context-header i {
width: 16px; width: 16px;
text-align: center; text-align: center;
color: var(--lora-accent); /* Accent only the icon for a hint of color */
} }

17
static/js/components/ContextMenu/BulkContextMenu.js
View File

@@ -27,14 +27,18 @@ export class BulkContextMenu extends BaseContextMenu {
// Update button visibility based on model type // Update button visibility based on model type
const addTagsItem = this.menu.querySelector('[data-action="add-tags"]'); const addTagsItem = this.menu.querySelector('[data-action="add-tags"]');
const sendToWorkflowItem = this.menu.querySelector('[data-action="send-to-workflow"]'); const sendToWorkflowAppendItem = this.menu.querySelector('[data-action="send-to-workflow-append"]');
const sendToWorkflowReplaceItem = this.menu.querySelector('[data-action="send-to-workflow-replace"]');
const copyAllItem = this.menu.querySelector('[data-action="copy-all"]'); const copyAllItem = this.menu.querySelector('[data-action="copy-all"]');
const refreshAllItem = this.menu.querySelector('[data-action="refresh-all"]'); const refreshAllItem = this.menu.querySelector('[data-action="refresh-all"]');
const moveAllItem = this.menu.querySelector('[data-action="move-all"]'); const moveAllItem = this.menu.querySelector('[data-action="move-all"]');
const deleteAllItem = this.menu.querySelector('[data-action="delete-all"]'); const deleteAllItem = this.menu.querySelector('[data-action="delete-all"]');
if (sendToWorkflowItem) { if (sendToWorkflowAppendItem) {
sendToWorkflowItem.style.display = config.sendToWorkflow ? 'flex' : 'none'; sendToWorkflowAppendItem.style.display = config.sendToWorkflow ? 'flex' : 'none';
}
if (sendToWorkflowReplaceItem) {
sendToWorkflowReplaceItem.style.display = config.sendToWorkflow ? 'flex' : 'none';
} }
if (copyAllItem) { if (copyAllItem) {
copyAllItem.style.display = config.copyAll ? 'flex' : 'none'; copyAllItem.style.display = config.copyAll ? 'flex' : 'none';
@@ -71,8 +75,11 @@ export class BulkContextMenu extends BaseContextMenu {
case 'add-tags': case 'add-tags':
bulkManager.showBulkAddTagsModal(); bulkManager.showBulkAddTagsModal();
break; break;
case 'send-to-workflow': case 'send-to-workflow-append':
bulkManager.sendAllModelsToWorkflow(); bulkManager.sendAllModelsToWorkflow(false);
break;
case 'send-to-workflow-replace':
bulkManager.sendAllModelsToWorkflow(true);
break; break;
case 'copy-all': case 'copy-all':
bulkManager.copyAllModelsSyntax(); bulkManager.copyAllModelsSyntax();

4
static/js/managers/BulkManager.js
View File

@@ -228,7 +228,7 @@ export class BulkManager {
await copyToClipboard(loraSyntaxes.join(', '), `Copied ${loraSyntaxes.length} LoRA syntaxes to clipboard`); await copyToClipboard(loraSyntaxes.join(', '), `Copied ${loraSyntaxes.length} LoRA syntaxes to clipboard`);
} }
async sendAllModelsToWorkflow() { async sendAllModelsToWorkflow(replaceMode = false) {
if (state.currentPageType !== MODEL_TYPES.LORA) { if (state.currentPageType !== MODEL_TYPES.LORA) {
showToast('toast.loras.sendOnlyForLoras', {}, 'warning'); showToast('toast.loras.sendOnlyForLoras', {}, 'warning');
return; return;
@@ -265,7 +265,7 @@ export class BulkManager {
return; return;
} }
await sendLoraToWorkflow(loraSyntaxes.join(', '), false, 'lora'); await sendLoraToWorkflow(loraSyntaxes.join(', '), replaceMode, 'lora');
} }
showBulkDeleteModal() { showBulkDeleteModal() {

7
templates/components/context_menu.html
View File

@@ -53,8 +53,11 @@
<div class="context-menu-item" data-action="add-tags"> <div class="context-menu-item" data-action="add-tags">
<i class="fas fa-tags"></i> <span>{{ t('loras.bulkOperations.addTags') }}</span> <i class="fas fa-tags"></i> <span>{{ t('loras.bulkOperations.addTags') }}</span>
</div> </div>
<div class="context-menu-item" data-action="send-to-workflow"> <div class="context-menu-item" data-action="send-to-workflow-append">
<i class="fas fa-paper-plane"></i> <span>{{ t('loras.bulkOperations.sendToWorkflow') }}</span> <i class="fas fa-paper-plane"></i> <span>{{ t('loras.contextMenu.sendToWorkflowAppend') }}</span>
</div>
<div class="context-menu-item" data-action="send-to-workflow-replace">
<i class="fas fa-exchange-alt"></i> <span>{{ t('loras.contextMenu.sendToWorkflowReplace') }}</span>
</div> </div>
<div class="context-menu-item" data-action="copy-all"> <div class="context-menu-item" data-action="copy-all">
<i class="fas fa-copy"></i> <span>{{ t('loras.bulkOperations.copyAll') }}</span> <i class="fas fa-copy"></i> <span>{{ t('loras.bulkOperations.copyAll') }}</span>