aboutsummaryrefslogtreecommitdiff
path: root/script.js
diff options
context:
space:
mode:
authorAarni Koskela <akx@iki.fi>2023-05-17 15:46:58 +0300
committerAarni Koskela <akx@iki.fi>2023-05-17 16:09:06 +0300
commit9c54b78d9dde5601e916f308d9a9d6953ec39430 (patch)
tree7eff4b1d65193de1ddc5503d46bba6508a1e903e /script.js
parent4f11f285f912fd48bc85a650a0384b6044d68b86 (diff)
Run `eslint --fix` (and normalize tabs to spaces)
Diffstat (limited to 'script.js')
-rw-r--r--script.js74
1 files changed, 40 insertions, 34 deletions
diff --git a/script.js b/script.js
index 03afe844..f6a3883a 100644
--- a/script.js
+++ b/script.js
@@ -1,66 +1,72 @@
function gradioApp() {
- const elems = document.getElementsByTagName('gradio-app')
- const elem = elems.length == 0 ? document : elems[0]
+ const elems = document.getElementsByTagName('gradio-app');
+ const elem = elems.length == 0 ? document : elems[0];
- if (elem !== document) elem.getElementById = function(id){ return document.getElementById(id) }
- return elem.shadowRoot ? elem.shadowRoot : elem
+ if (elem !== document) {
+ elem.getElementById = function(id) {
+ return document.getElementById(id);
+ };
+ }
+ return elem.shadowRoot ? elem.shadowRoot : elem;
}
function get_uiCurrentTab() {
- return gradioApp().querySelector('#tabs button.selected')
+ return gradioApp().querySelector('#tabs button.selected');
}
function get_uiCurrentTabContent() {
- return gradioApp().querySelector('.tabitem[id^=tab_]:not([style*="display: none"])')
+ return gradioApp().querySelector('.tabitem[id^=tab_]:not([style*="display: none"])');
}
-uiUpdateCallbacks = []
-uiLoadedCallbacks = []
-uiTabChangeCallbacks = []
-optionsChangedCallbacks = []
-let uiCurrentTab = null
+uiUpdateCallbacks = [];
+uiLoadedCallbacks = [];
+uiTabChangeCallbacks = [];
+optionsChangedCallbacks = [];
+let uiCurrentTab = null;
-function onUiUpdate(callback){
- uiUpdateCallbacks.push(callback)
+function onUiUpdate(callback) {
+ uiUpdateCallbacks.push(callback);
}
-function onUiLoaded(callback){
- uiLoadedCallbacks.push(callback)
+function onUiLoaded(callback) {
+ uiLoadedCallbacks.push(callback);
}
-function onUiTabChange(callback){
- uiTabChangeCallbacks.push(callback)
+function onUiTabChange(callback) {
+ uiTabChangeCallbacks.push(callback);
}
-function onOptionsChanged(callback){
- optionsChangedCallbacks.push(callback)
+function onOptionsChanged(callback) {
+ optionsChangedCallbacks.push(callback);
}
-function runCallback(x, m){
+function runCallback(x, m) {
try {
- x(m)
+ x(m);
} catch (e) {
(console.error || console.log).call(console, e.message, e);
}
}
function executeCallbacks(queue, m) {
- queue.forEach(function(x){runCallback(x, m)})
+ queue.forEach(function(x) {
+ runCallback(x, m);
+ });
}
var executedOnLoaded = false;
document.addEventListener("DOMContentLoaded", function() {
- var mutationObserver = new MutationObserver(function(m){
- if(!executedOnLoaded && gradioApp().querySelector('#txt2img_prompt')){
+ var mutationObserver = new MutationObserver(function(m) {
+ if (!executedOnLoaded && gradioApp().querySelector('#txt2img_prompt')) {
executedOnLoaded = true;
executeCallbacks(uiLoadedCallbacks);
}
executeCallbacks(uiUpdateCallbacks, m);
const newTab = get_uiCurrentTab();
- if ( newTab && ( newTab !== uiCurrentTab ) ) {
+ if (newTab && (newTab !== uiCurrentTab)) {
uiCurrentTab = newTab;
executeCallbacks(uiTabChangeCallbacks);
}
});
- mutationObserver.observe( gradioApp(), { childList:true, subtree:true })
+ mutationObserver.observe(gradioApp(), { childList: true, subtree: true });
});
/**
@@ -69,9 +75,9 @@ document.addEventListener("DOMContentLoaded", function() {
document.addEventListener('keydown', function(e) {
var handled = false;
if (e.key !== undefined) {
- if((e.key == "Enter" && (e.metaKey || e.ctrlKey || e.altKey))) handled = true;
+ if ((e.key == "Enter" && (e.metaKey || e.ctrlKey || e.altKey))) handled = true;
} else if (e.keyCode !== undefined) {
- if((e.keyCode == 13 && (e.metaKey || e.ctrlKey || e.altKey))) handled = true;
+ if ((e.keyCode == 13 && (e.metaKey || e.ctrlKey || e.altKey))) handled = true;
}
if (handled) {
button = get_uiCurrentTabContent().querySelector('button[id$=_generate]');
@@ -80,22 +86,22 @@ document.addEventListener('keydown', function(e) {
}
e.preventDefault();
}
-})
+});
/**
* checks that a UI element is not in another hidden element or tab content
*/
function uiElementIsVisible(el) {
let isVisible = !el.closest('.\\!hidden');
- if ( ! isVisible ) {
+ if (!isVisible) {
return false;
}
- while( isVisible = el.closest('.tabitem')?.style.display !== 'none' ) {
- if ( ! isVisible ) {
+ while (isVisible = el.closest('.tabitem')?.style.display !== 'none') {
+ if (!isVisible) {
return false;
- } else if ( el.parentElement ) {
- el = el.parentElement
+ } else if (el.parentElement) {
+ el = el.parentElement;
} else {
break;
}