altoiddealer/--sd-webui-ar-plusplus
1
0
Fork 0
mirror of https://github.com/altoiddealer/--sd-webui-ar-plusplus.git synced 2026-02-24 00:44:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add JS based button titles

Browse Source 
Add button titles on UI load. Use comments in aspect_ratios.txt and resolutions.txt to for user configured buttons, and hard-coded titles in sd-webui-ar.js for built-in buttons (i.e. for calculator).
This commit is contained in:
roamindev
2023-04-04 11:06:50 -04:00
parent 11e9a8db03
commit eb94a0937f
3 changed files with 204 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
javascript/button_titles.js Normal file
View File

@@ -0,0 +1,2 @@
// Do not put custom titles here. This file is overwritten each time the WebUI is started.
ar_button_titles = {}

20
javascript/sd-webui-ar.js Normal file
View File

@@ -0,0 +1,20 @@
if ("undefined" === typeof ar_button_titles) {
ar_button_titles = {};
}
ar_button_titles["Calc"] = "Show or hide the aspect ratio calculator";
ar_button_titles["\u{21c5}"] = "Swap width and height values";
ar_button_titles["\u2B07\ufe0f"] = "Get dimensions from txt2img/img2img sliders";
ar_button_titles["\u{1f5bc}"] = "Get dimensions from image on current img2img tab";
ar_button_titles["Calculate Height"] = "Calculate new height based on source aspect ratio";
ar_button_titles["Calculate Width"] = "Calculate new width based on source aspect ratio";
ar_button_titles["Apply"] = "Apply calculated width and height to txt2img/img2img sliders";
onUiUpdate(function(){
gradioApp().querySelectorAll('#txt2img_container_aspect_ratio button, #img2img_container_aspect_ratio button').forEach(function(elem){
tooltip = ar_button_titles[elem.textContent];
if(tooltip){
elem.title = tooltip;
}
})
})