// various functions for interaction with ui.py not large enough to warrant putting them in separate files function set_theme(theme){ gradioURL = window.location.href if (!gradioURL.includes('?__theme=')) { window.location.replace(gradioURL + '?__theme=' + theme); } } function all_gallery_buttons() { var allGalleryButtons = gradioApp().querySelectorAll('[style="display: block;"].tabitem div[id$=_gallery].gradio-gallery .thumbnails > .thumbnail-item.thumbnail-small'); var visibleGalleryButtons = []; allGalleryButtons.forEach(function(elem) { if (elem.parentElement.offsetParent) { visibleGalleryButtons.push(elem); } }) return visibleGalleryButtons; } function selected_gallery_button() { var allCurrentButtons = gradioApp().querySelectorAll('[style="display: block;"].tabitem div[id$=_gallery].gradio-gallery .thumbnail-item.thumbnail-small.selected'); var visibleCurrentButton = null; allCurrentButtons.forEach(function(elem) { if (elem.parentElement.offsetParent) { visibleCurrentButton = elem; } }) return visibleCurrentButton; } function selected_gallery_index(){ var buttons = all_gallery_buttons(); var button = selected_gallery_button(); var result = -1 buttons.forEach(function(v, i){ if(v==button) { result = i } }) return result } function extract_image_from_gallery(gallery){ if (gallery.length == 0){ return [null]; } if (gallery.length == 1){ return [gallery[0]]; } index = selected_gallery_index() if (index < 0 || index >= gallery.length){ // Use the first image in the gallery as the default index = 0; } return [gallery[index]]; } function args_to_array(args){ res = [] for(var i=0;i label > textarea"); if(counter.parentElement == prompt.parentElement){ return } prompt.parentElement.insertBefore(counter, prompt) prompt.parentElement.style.position = "relative" promptTokecountUpdateFuncs[id] = function(){ update_token_counter(id_button); } textarea.addEventListener("input", promptTokecountUpdateFuncs[id]); } registerTextarea('txt2img_prompt', 'txt2img_token_counter', 'txt2img_token_button') registerTextarea('txt2img_neg_prompt', 'txt2img_negative_token_counter', 'txt2img_negative_token_button') registerTextarea('img2img_prompt', 'img2img_token_counter', 'img2img_token_button') registerTextarea('img2img_neg_prompt', 'img2img_negative_token_counter', 'img2img_negative_token_button') show_all_pages = gradioApp().getElementById('settings_show_all_pages') settings_tabs = gradioApp().querySelector('#settings div') if(show_all_pages && settings_tabs){ settings_tabs.appendChild(show_all_pages) show_all_pages.onclick = function(){ gradioApp().querySelectorAll('#settings > div').forEach(function(elem){ elem.style.display = "block"; }) } } }) onOptionsChanged(function(){ elem = gradioApp().getElementById('sd_checkpoint_hash') sd_checkpoint_hash = opts.sd_checkpoint_hash || "" shorthash = sd_checkpoint_hash.substr(0,10) if(elem && elem.textContent != shorthash){ elem.textContent = shorthash elem.title = sd_checkpoint_hash elem.href = "https://google.com/search?q=" + sd_checkpoint_hash } }) let txt2img_textarea, img2img_textarea = undefined; let wait_time = 800 let token_timeouts = {}; function update_txt2img_tokens(...args) { update_token_counter("txt2img_token_button") if (args.length == 2) return args[0] return args; } function update_img2img_tokens(...args) { update_token_counter("img2img_token_button") if (args.length == 2) return args[0] return args; } function update_token_counter(button_id) { if (token_timeouts[button_id]) clearTimeout(token_timeouts[button_id]); token_timeouts[button_id] = setTimeout(() => gradioApp().getElementById(button_id)?.click(), wait_time); } function restart_reload(){ document.body.innerHTML='

Reloading...

'; setTimeout(function(){location.reload()},2000) return [] } // Simulate an `input` DOM event for Gradio Textbox component. Needed after you edit its contents in javascript, otherwise your edits // will only visible on web page and not sent to python. function updateInput(target){ let e = new Event("input", { bubbles: true }) Object.defineProperty(e, "target", {value: target}) target.dispatchEvent(e); } var desiredCheckpointName = null; function selectCheckpoint(name){ desiredCheckpointName = name; gradioApp().getElementById('change_checkpoint').click() } function setRandomSeed(target_interface) { let seed = gradioApp().querySelector(`#${target_interface}_seed input`); if (!seed) { return []; } seed.value = "-1"; seed.dispatchEvent(new Event("input")); return []; } function setRandomSubseed(target_interface) { let subseed = gradioApp().querySelector(`#${target_interface}_subseed input`); if (!subseed) { return []; } subseed.value = "-1"; subseed.dispatchEvent(new Event("input")); return []; } function switchWidthHeightTxt2Img() { let width = gradioApp().querySelector("#txt2img_width input[type=number]"); let height = gradioApp().querySelector("#txt2img_height input[type=number]"); if (!width || !height) { return []; } let tmp = width.value; width.value = height.value; height.value = tmp; width.dispatchEvent(new Event("input")); height.dispatchEvent(new Event("input")); return []; } function switchWidthHeightImg2Img() { let width = gradioApp().querySelector("#img2img_width input[type=number]"); let height = gradioApp().querySelector("#img2img_height input[type=number]"); if (!width || !height) { return []; } let tmp = width.value; width.value = height.value; height.value = tmp; width.dispatchEvent(new Event("input")); height.dispatchEvent(new Event("input")); return []; }