diff options
| author | AUTOMATIC <16777216c@gmail.com> | 2023-01-21 14:20:24 +0000 |
|---|---|---|
| committer | AUTOMATIC <16777216c@gmail.com> | 2023-01-21 14:20:24 +0000 |
| commit | 424cefe11878c9c7d2663381441e7efe62532180 (patch) | |
| tree | c989cc58a9ed7524cac3f49d15399b3408b29709 /javascript/extraNetworks.js | |
| parent | 92fb1096dbf6403e109a8eb7bc5d18ce487ae9b5 (diff) | |
| download | stable-diffusion-webui-gfx803-424cefe11878c9c7d2663381441e7efe62532180.tar.gz stable-diffusion-webui-gfx803-424cefe11878c9c7d2663381441e7efe62532180.tar.bz2 stable-diffusion-webui-gfx803-424cefe11878c9c7d2663381441e7efe62532180.zip | |
add search box to extra networks
Diffstat (limited to 'javascript/extraNetworks.js')
| -rw-r--r-- | javascript/extraNetworks.js | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js index 5e0d9714..54ded58c 100644 --- a/javascript/extraNetworks.js +++ b/javascript/extraNetworks.js @@ -2,8 +2,24 @@ function setupExtraNetworksForTab(tabname){
gradioApp().querySelector('#'+tabname+'_extra_tabs').classList.add('extra-networks')
- gradioApp().querySelector('#'+tabname+'_extra_tabs > div').appendChild(gradioApp().getElementById(tabname+'_extra_refresh'))
- gradioApp().querySelector('#'+tabname+'_extra_tabs > div').appendChild(gradioApp().getElementById(tabname+'_extra_close'))
+ var tabs = gradioApp().querySelector('#'+tabname+'_extra_tabs > div')
+ var search = gradioApp().querySelector('#'+tabname+'_extra_search textarea')
+ var refresh = gradioApp().getElementById(tabname+'_extra_refresh')
+ var close = gradioApp().getElementById(tabname+'_extra_close')
+
+ search.classList.add('search')
+ tabs.appendChild(search)
+ tabs.appendChild(refresh)
+ tabs.appendChild(close)
+
+ search.addEventListener("input", function(evt){
+ searchTerm = search.value
+
+ gradioApp().querySelectorAll('#'+tabname+'_extra_tabs div.card').forEach(function(elem){
+ text = elem.querySelector('.name').textContent
+ elem.style.display = text.indexOf(searchTerm) == -1 ? "none" : ""
+ })
+ });
}
var activePromptTextarea = {};
|