nodes/JasonHoku-ComfyUI-Ultimate-Auto-Sampler-Config-Grid-Testing-Suite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: show LoRA model/clip strength in label overlays

Browse Source 
Labels now display strength values (e.g. "loraName:1.0:0.8") instead
of just the filename, matching the config_json format.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jason Hoku
2026-03-15 18:00:29 -07:00
co-authored by Claude Opus 4.6
parent cbac033c38
commit 6041fa9919
1 changed files with 26 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/logic_ui.js
+26 -2
View File
@@ -111,11 +111,15 @@ function buildLabelOverlay(d) {
if (loraStr !== "None") {
const parts = loraStr.split(" + ");
for (const part of parts) {
const name = part.split(":")[0];
const components = part.split(":");
const name = components[0];
const shortName = name.replace(/\\/g, '/').split('/').pop().replace(/\.[^.]+$/, '');
// Skip loras that are on every card when unique-only is on
if (uniqueOnly && labelGlobalValues && labelGlobalValues._loraGlobalNames && labelGlobalValues._loraGlobalNames.has(name)) continue;
tags.push(`<span class="label-tag label-lora" title="${part}">${shortName}</span>`);
// Show model_str:clip_str like in config_json (e.g. "loraName:1.0:0.8")
const strength = components.length >= 3 ? `:${components[1]}:${components[2]}` :
components.length === 2 ? `:${components[1]}` : '';
tags.push(`<span class="label-tag label-lora" title="${part}">${shortName}${strength}</span>`);
}
}
}
@@ -331,6 +335,18 @@ function updateLabelFields() {
refreshLabelOverlays();
}
/**
* Update label font size from slider
*/
function updateLabelSize(size) {
labelMode.labelSize = parseInt(size);
const display = document.getElementById('label-size-value');
if (display) display.textContent = size + 'px';
// Apply size to all existing label tags via CSS custom property
document.documentElement.style.setProperty('--label-font-size', size + 'px');
saveLabelPreferences();
}
/**
* Save label preferences to localStorage
*/
@@ -349,6 +365,7 @@ function loadLabelPreferences() {
if (saved) {
const parsed = JSON.parse(saved);
labelMode.enabled = parsed.enabled || false;
if (parsed.labelSize) labelMode.labelSize = parsed.labelSize;
if (parsed.fields) {
Object.assign(labelMode.fields, parsed.fields);
}
@@ -359,6 +376,13 @@ function loadLabelPreferences() {
const toggle = document.getElementById('label-mode-toggle');
if (toggle) toggle.checked = labelMode.enabled;
// Sync label size slider
const sizeSlider = document.getElementById('label-size-slider');
if (sizeSlider) sizeSlider.value = labelMode.labelSize;
const sizeDisplay = document.getElementById('label-size-value');
if (sizeDisplay) sizeDisplay.textContent = labelMode.labelSize + 'px';
document.documentElement.style.setProperty('--label-font-size', labelMode.labelSize + 'px');
const fieldsContainer = document.getElementById('label-fields-container');
if (fieldsContainer) fieldsContainer.style.display = labelMode.enabled ? 'block' : 'none';