add search box to extra networks (424cefe1) · Commits · github_fork / Stable Diffusion Webui

javascript/extraNetworks.js

+18 −2

Original line number	Diff line number	Diff line
		@@ -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 = {};

modules/ui_extra_networks.py

+10 −4

Original line number	Diff line number	Diff line
		@@ -18,6 +18,7 @@ def register_page(page):
		class ExtraNetworksPage:
		def __init__(self, title):
		self.title = title
		self.name = title.lower()
		self.card_page = shared.html("extra-networks-card.html")
		self.allow_negative_prompt = False

		@@ -34,7 +35,11 @@ class ExtraNetworksPage:
		dirs = "".join([f"<li>{x}</li>" for x in self.allowed_directories_for_previews()])
		items_html = shared.html("extra-networks-no-cards.html").format(dirs=dirs)

		res = "<div class='extra-network-cards'>" + items_html + "</div>"
		res = f"""
		<div id='{tabname}_{self.name}_cards' class='extra-network-cards'>
		{items_html}
		</div>
		"""

		return res

		@@ -81,14 +86,15 @@ def create_ui(container, button, tabname):
		ui.tabname = tabname

		with gr.Tabs(elem_id=tabname+"_extra_tabs") as tabs:
		button_refresh = gr.Button('Refresh', elem_id=tabname+"_extra_refresh")
		button_close = gr.Button('Close', elem_id=tabname+"_extra_close")

		for page in ui.stored_extra_pages:
		with gr.Tab(page.title):
		page_elem = gr.HTML(page.create_html(ui.tabname))
		ui.pages.append(page_elem)

		filter = gr.Textbox('', show_label=False, elem_id=tabname+"_extra_search", placeholder="Search...", visible=False)
		button_refresh = gr.Button('Refresh', elem_id=tabname+"_extra_refresh")
		button_close = gr.Button('Close', elem_id=tabname+"_extra_close")

		ui.button_save_preview = gr.Button('Save preview', elem_id=tabname+"_save_preview", visible=False)
		ui.preview_target_filename = gr.Textbox('Preview save filename', elem_id=tabname+"_preview_filename", visible=False)

style.css

+8 −0

Original line number	Diff line number	Diff line
		@@ -774,6 +774,14 @@ footer {
		margin: 0.3em;
		}



		#txt2img_extra_networks .search, #img2img_extra_networks .search{
		display: inline-block;
		max-width: 16em;
		margin: 0.3em;
		}

		.extra-network-cards .nocards{
		margin: 1.25em 0.5em 0.5em 0.5em;
		}

Admin message