55 lines
2.2 KiB
JavaScript
55 lines
2.2 KiB
JavaScript
(function(){
|
|
let accordions = {};
|
|
let enabled = {};
|
|
onUiUpdate(() => {
|
|
let accordion_id_prefix = "#dynthres_";
|
|
let extension_checkbox_class = ".dynthres-enabled";
|
|
|
|
function attachEnabledButtonListener(checkbox, accordion) {
|
|
let span = accordion.querySelector('.label-wrap span');
|
|
let badge = document.createElement('input');
|
|
badge.type = "checkbox";
|
|
badge.checked = checkbox.checked;
|
|
badge.addEventListener('click', (e) => {
|
|
checkbox.checked = !checkbox.checked;
|
|
badge.checked = checkbox.checked;
|
|
checkbox.dispatchEvent(new Event('change'));
|
|
e.stopPropagation();
|
|
});
|
|
|
|
badge.className = checkbox.className;
|
|
badge.classList.add('primary');
|
|
span.insertBefore(badge, span.firstChild);
|
|
let space = document.createElement('span');
|
|
space.innerHTML = " ";
|
|
span.insertBefore(space, badge.nextSibling);
|
|
|
|
checkbox.addEventListener('change', () => {
|
|
let badge = accordion.querySelector('.label-wrap span input');
|
|
badge.checked = checkbox.checked;
|
|
});
|
|
checkbox.parentNode.style.display = "none";
|
|
}
|
|
|
|
if (Object.keys(accordions).length < 2) {
|
|
let accordion = gradioApp().querySelector(accordion_id_prefix + 'txt2img');
|
|
if (accordion) {
|
|
accordions.txt2img = accordion;
|
|
}
|
|
accordion = gradioApp().querySelector(accordion_id_prefix + 'img2img');
|
|
if (accordion) {
|
|
accordions.img2img = accordion;
|
|
}
|
|
}
|
|
|
|
if (Object.keys(accordions).length > 0 && accordions.txt2img && !enabled.txt2img) {
|
|
enabled.txt2img = accordions.txt2img.querySelector(extension_checkbox_class + ' input');
|
|
attachEnabledButtonListener(enabled.txt2img, accordions.txt2img);
|
|
}
|
|
if (Object.keys(accordions).length > 0 && accordions.img2img && !enabled.img2img) {
|
|
enabled.img2img = accordions.img2img.querySelector(extension_checkbox_class + ' input');
|
|
attachEnabledButtonListener(enabled.img2img, accordions.img2img);
|
|
}
|
|
});
|
|
})();
|