From 9199b6b7ebe96cdf09571ba874a103e8ed8c90ef Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Thu, 10 Aug 2023 11:20:46 +0300
Subject: add a custom UI element that combines accordion and checkbox rework
 hires fix UI to use accordion prevent bogus progress output in console when
 calculating hires fix dimensions

---
 javascript/inputAccordion.js | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 javascript/inputAccordion.js

(limited to 'javascript/inputAccordion.js')

diff --git a/javascript/inputAccordion.js b/javascript/inputAccordion.js
new file mode 100644
index 00000000..a5eef229
--- /dev/null
+++ b/javascript/inputAccordion.js
@@ -0,0 +1,37 @@
+var observerAccordionOpen = new MutationObserver(function(mutations) {
+    mutations.forEach(function(mutationRecord) {
+        var elem = mutationRecord.target;
+        var open = elem.classList.contains('open');
+
+        var accordion = elem.parentNode;
+        accordion.classList.toggle('input-accordion-open', open);
+
+        var checkbox = gradioApp().querySelector('#' + accordion.id + "-checkbox input");
+        checkbox.checked = open;
+        updateInput(checkbox);
+
+        extra = gradioApp().querySelector('#' + accordion.id + "-extra");
+        if(extra){
+            extra.style.display = open ? "" : "none";
+        }
+    });
+});
+
+function inputAccordionChecked(id, checked){
+    var label = gradioApp().querySelector('#' + id + " .label-wrap");
+    if(label.classList.contains('open') != checked){
+        label.click();
+    }
+}
+
+onUiLoaded(function() {
+    for (var accordion of gradioApp().querySelectorAll('.input-accordion')) {
+        var labelWrap = accordion.querySelector('.label-wrap');
+        observerAccordionOpen.observe(labelWrap, {attributes: true, attributeFilter: ['class']});
+
+        var extra = gradioApp().querySelector('#' + accordion.id + "-extra");
+        if(extra){
+            labelWrap.insertBefore(extra, labelWrap.lastElementChild)
+        }
+    }
+});
-- 
cgit v1.2.3


From faca86620d53b122eac00fd0a4ab54b3a2e3108e Mon Sep 17 00:00:00 2001
From: AUTOMATIC1111 <16777216c@gmail.com>
Date: Thu, 10 Aug 2023 12:58:00 +0300
Subject: linter fixes

---
 javascript/inputAccordion.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'javascript/inputAccordion.js')

diff --git a/javascript/inputAccordion.js b/javascript/inputAccordion.js
index a5eef229..f2839852 100644
--- a/javascript/inputAccordion.js
+++ b/javascript/inputAccordion.js
@@ -10,16 +10,16 @@ var observerAccordionOpen = new MutationObserver(function(mutations) {
         checkbox.checked = open;
         updateInput(checkbox);
 
-        extra = gradioApp().querySelector('#' + accordion.id + "-extra");
-        if(extra){
+        var extra = gradioApp().querySelector('#' + accordion.id + "-extra");
+        if (extra) {
             extra.style.display = open ? "" : "none";
         }
     });
 });
 
-function inputAccordionChecked(id, checked){
+function inputAccordionChecked(id, checked) {
     var label = gradioApp().querySelector('#' + id + " .label-wrap");
-    if(label.classList.contains('open') != checked){
+    if (label.classList.contains('open') != checked) {
         label.click();
     }
 }
@@ -30,8 +30,8 @@ onUiLoaded(function() {
         observerAccordionOpen.observe(labelWrap, {attributes: true, attributeFilter: ['class']});
 
         var extra = gradioApp().querySelector('#' + accordion.id + "-extra");
-        if(extra){
-            labelWrap.insertBefore(extra, labelWrap.lastElementChild)
+        if (extra) {
+            labelWrap.insertBefore(extra, labelWrap.lastElementChild);
         }
     }
 });
-- 
cgit v1.2.3