aboutsummaryrefslogtreecommitdiff
path: root/javascript
diff options
context:
space:
mode:
authorAUTOMATIC1111 <16777216c@gmail.com>2023-11-05 09:20:05 +0300
committerAUTOMATIC1111 <16777216c@gmail.com>2023-11-05 09:20:15 +0300
commit16ab17429016a1154b9aa83244cdbfc7ba463d72 (patch)
tree240425f955312260012b85d15e4e783f11ac3f9c /javascript
parent046c7b053a6f458be3b587626b82094652142afe (diff)
eslint
Diffstat (limited to 'javascript')
-rw-r--r--javascript/inputAccordion.js20
1 files changed, 11 insertions, 9 deletions
diff --git a/javascript/inputAccordion.js b/javascript/inputAccordion.js
index 8fc01230..7570309a 100644
--- a/javascript/inputAccordion.js
+++ b/javascript/inputAccordion.js
@@ -4,20 +4,22 @@ function inputAccordionChecked(id, checked) {
accordion.onVisibleCheckboxChange();
}
-function setupAccordion(accordion){
+function setupAccordion(accordion) {
var labelWrap = accordion.querySelector('.label-wrap');
var gradioCheckbox = gradioApp().querySelector('#' + accordion.id + "-checkbox input");
var extra = gradioApp().querySelector('#' + accordion.id + "-extra");
var span = labelWrap.querySelector('span');
var linked = true;
- var isOpen = function(){ return labelWrap.classList.contains('open'); }
+ var isOpen = function() {
+ return labelWrap.classList.contains('open');
+ };
var observerAccordionOpen = new MutationObserver(function(mutations) {
mutations.forEach(function(mutationRecord) {
accordion.classList.toggle('input-accordion-open', isOpen());
- if(linked){
+ if (linked) {
accordion.visibleCheckbox.checked = isOpen();
accordion.onVisibleCheckboxChange();
}
@@ -29,22 +31,22 @@ function setupAccordion(accordion){
labelWrap.insertBefore(extra, labelWrap.lastElementChild);
}
- accordion.onChecked = function(checked){
+ accordion.onChecked = function(checked) {
if (isOpen() != checked) {
labelWrap.click();
}
- }
+ };
var visibleCheckbox = document.createElement('INPUT');
visibleCheckbox.type = 'checkbox';
visibleCheckbox.checked = isOpen();
- visibleCheckbox.id = accordion.id + "-visible-checkbox";
+ visibleCheckbox.id = accordion.id + "-visible-checkbox";
visibleCheckbox.className = gradioCheckbox.className + " input-accordion-checkbox";
span.insertBefore(visibleCheckbox, span.firstChild);
accordion.visibleCheckbox = visibleCheckbox;
- accordion.onVisibleCheckboxChange = function(){
- if(linked && isOpen() != visibleCheckbox.checked) {
+ accordion.onVisibleCheckboxChange = function() {
+ if (linked && isOpen() != visibleCheckbox.checked) {
labelWrap.click();
}
@@ -52,7 +54,7 @@ function setupAccordion(accordion){
updateInput(gradioCheckbox);
};
- visibleCheckbox.addEventListener('click', function(event){
+ visibleCheckbox.addEventListener('click', function(event) {
linked = false;
event.stopPropagation();
});