happyz
/
Fooocus
mirror of https://github.com/lllyasviel/Fooocus.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: use translation for aspect ratios label (#3001) 

use javascript code instead of python handling for updates for https://github.com/lllyasviel/Fooocus/pull/2590
This commit is contained in:
Manuel Schmid 2024-05-26 19:23:21 +02:00 committed by GitHub
parent 12dc2396f6
commit de34023c79
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
javascript/localization.js
View File

@ -80,6 +80,12 @@ function refresh_style_localization() {
processNode(document.querySelector('.style_selections')); processNode(document.querySelector('.style_selections'));
} }
function refresh_aspect_ratios_label(value) {
label = document.querySelector('#aspect_ratios_accordion div span[data-original-text="Aspect Ratios"]')
translation = getTranslation("Aspect Ratios")
label.textContent = translation + " " + htmlDecode(value)
}
function localizeWholePage() { function localizeWholePage() {
processNode(gradioApp()); processNode(gradioApp());

5
javascript/script.js
View File

@ -256,3 +256,8 @@ function set_theme(theme) {
window.location.replace(gradioURL + '?__theme=' + theme); window.location.replace(gradioURL + '?__theme=' + theme);
} }
} }
function htmlDecode(input) {
var doc = new DOMParser().parseFromString(input, "text/html");
return doc.documentElement.textContent;
}

12
webui.py
View File

@ -277,21 +277,15 @@ with shared.gradio_root:
choices=flags.Performance.list(), choices=flags.Performance.list(),
value=modules.config.default_performance, value=modules.config.default_performance,
elem_classes=['performance_selection']) elem_classes=['performance_selection'])
with gr.Accordion(label='Aspect Ratios', open=False) as aspect_ratios_accordion: with gr.Accordion(label='Aspect Ratios', open=False, elem_id='aspect_ratios_accordion') as aspect_ratios_accordion:
aspect_ratios_selection = gr.Radio(label='Aspect Ratios', show_label=False, aspect_ratios_selection = gr.Radio(label='Aspect Ratios', show_label=False,
choices=modules.config.available_aspect_ratios_labels, choices=modules.config.available_aspect_ratios_labels,
value=modules.config.default_aspect_ratio, value=modules.config.default_aspect_ratio,
info='width × height', info='width × height',
elem_classes='aspect_ratios') elem_classes='aspect_ratios')
def change_aspect_ratio(text): aspect_ratios_selection.change(lambda x: None, inputs=aspect_ratios_selection, queue=False, show_progress=False, _js='(x)=>{refresh_aspect_ratios_label(x);}')
import re shared.gradio_root.load(lambda x: None, inputs=aspect_ratios_selection, queue=False, show_progress=False, _js='(x)=>{refresh_aspect_ratios_label(x);}')
regex = re.compile('<.*?>')
cleaned_text = re.sub(regex, '', text)
return gr.update(label='Aspect Ratios ' + cleaned_text)
aspect_ratios_selection.change(change_aspect_ratio, inputs=aspect_ratios_selection, outputs=aspect_ratios_accordion, queue=False, show_progress=False)
shared.gradio_root.load(change_aspect_ratio, inputs=aspect_ratios_selection, outputs=aspect_ratios_accordion, queue=False, show_progress=False)
image_number = gr.Slider(label='Image Number', minimum=1, maximum=modules.config.default_max_image_number, step=1, value=modules.config.default_image_number) image_number = gr.Slider(label='Image Number', minimum=1, maximum=modules.config.default_max_image_number, step=1, value=modules.config.default_image_number)