function setupExtraNetworksForTab(tabname){ gradioApp().querySelector('#'+tabname+'_extra_tabs').classList.add('extra-networks') var tabs = gradioApp().querySelector('#'+tabname+'_extra_tabs > div') var search = gradioApp().querySelector('#'+tabname+'_extra_search textarea') var refresh = gradioApp().getElementById(tabname+'_extra_refresh') search.classList.add('search') tabs.appendChild(search) tabs.appendChild(refresh) search.addEventListener("input", function(evt){ searchTerm = search.value.toLowerCase() gradioApp().querySelectorAll('#'+tabname+'_extra_tabs div.card').forEach(function(elem){ text = elem.querySelector('.name').textContent.toLowerCase() + " " + elem.querySelector('.search_term').textContent.toLowerCase() elem.style.display = text.indexOf(searchTerm) == -1 ? "none" : "" }) }); } var activePromptTextarea = {}; function setupExtraNetworks(){ setupExtraNetworksForTab('txt2img') setupExtraNetworksForTab('img2img') function registerPrompt(tabname, id){ var textarea = gradioApp().querySelector("#" + id + " > label > textarea"); if (! activePromptTextarea[tabname]){ activePromptTextarea[tabname] = textarea } textarea.addEventListener("focus", function(){ activePromptTextarea[tabname] = textarea; }); } registerPrompt('txt2img', 'txt2img_prompt') registerPrompt('txt2img', 'txt2img_neg_prompt') registerPrompt('img2img', 'img2img_prompt') registerPrompt('img2img', 'img2img_neg_prompt') } onUiLoaded(setupExtraNetworks) var re_extranet = /<([^:]+:[^:]+):[\d\.]+>/; var re_extranet_g = /\s+<([^:]+:[^:]+):[\d\.]+>/g; function tryToRemoveExtraNetworkFromPrompt(textarea, text){ var m = text.match(re_extranet) if(! m) return false var partToSearch = m[1] var replaced = false var newTextareaText = textarea.value.replaceAll(re_extranet_g, function(found, index){ m = found.match(re_extranet); if(m[1] == partToSearch){ replaced = true; return "" } return found; }) if(replaced){ textarea.value = newTextareaText return true; } return false } function cardClicked(tabname, textToAdd, allowNegativePrompt){ var textarea = allowNegativePrompt ? activePromptTextarea[tabname] : gradioApp().querySelector("#" + tabname + "_prompt > label > textarea") if(! tryToRemoveExtraNetworkFromPrompt(textarea, textToAdd)){ textarea.value = textarea.value + opts.extra_networks_add_text_separator + textToAdd } updateInput(textarea) } function saveCardPreview(event, tabname, filename){ var textarea = gradioApp().querySelector("#" + tabname + '_preview_filename > label > textarea') var button = gradioApp().getElementById(tabname + '_save_preview') textarea.value = filename updateInput(textarea) button.click() event.stopPropagation() event.preventDefault() } function extraNetworksSearchButton(tabs_id, event){ searchTextarea = gradioApp().querySelector("#" + tabs_id + ' > div > textarea') button = event.target text = button.classList.contains("search-all") ? "" : button.textContent.trim() searchTextarea.value = text updateInput(searchTextarea) } var globalPopup = null; var globalPopupInner = null; function popup(contents){ if(! globalPopup){ globalPopup = document.createElement('div') globalPopup.onclick = function(){ globalPopup.style.display = "none"; }; globalPopup.classList.add('global-popup'); var close = document.createElement('div') close.classList.add('global-popup-close'); close.onclick = function(){ globalPopup.style.display = "none"; }; close.title = "Close"; globalPopup.appendChild(close) globalPopupInner = document.createElement('div') globalPopupInner.onclick = function(event){ event.stopPropagation(); return false; }; globalPopupInner.classList.add('global-popup-inner'); globalPopup.appendChild(globalPopupInner) gradioApp().appendChild(globalPopup); } globalPopupInner.innerHTML = ''; globalPopupInner.appendChild(contents); globalPopup.style.display = "flex"; } function extraNetworksShowMetadata(text){ elem = document.createElement('pre') elem.classList.add('popup-metadata'); elem.textContent = text; popup(elem); }