Spaces:
Configuration error
Configuration error
| 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); | |
| } | |
| function requestGet(url, data, handler, errorHandler){ | |
| var xhr = new XMLHttpRequest(); | |
| var args = Object.keys(data).map(function(k){ return encodeURIComponent(k) + '=' + encodeURIComponent(data[k]) }).join('&') | |
| xhr.open("GET", url + "?" + args, true); | |
| xhr.onreadystatechange = function () { | |
| if (xhr.readyState === 4) { | |
| if (xhr.status === 200) { | |
| try { | |
| var js = JSON.parse(xhr.responseText); | |
| handler(js) | |
| } catch (error) { | |
| console.error(error); | |
| errorHandler() | |
| } | |
| } else{ | |
| errorHandler() | |
| } | |
| } | |
| }; | |
| var js = JSON.stringify(data); | |
| xhr.send(js); | |
| } | |
| function extraNetworksRequestMetadata(event, extraPage, cardName){ | |
| showError = function(){ extraNetworksShowMetadata("there was an error getting metadata"); } | |
| requestGet("./sd_extra_networks/metadata", {"page": extraPage, "item": cardName}, function(data){ | |
| if(data && data.metadata){ | |
| extraNetworksShowMetadata(data.metadata) | |
| } else{ | |
| showError() | |
| } | |
| }, showError) | |
| event.stopPropagation() | |
| } | |