Fixed dynamic inputs

kekewind · Mar 22, 2023 · a05f99c · a05f99c
1 parent 7f202ac
commit a05f99c
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 3 deletions.
diff --git a/javascript/state.ext.control-net.js b/javascript/state.ext.control-net.js
@@ -72,6 +72,9 @@ state.extensions['control-net'] = (function () {
             select.addEventListener('change', function () {
                 store.set(id, this.value);
             });
+            if (id === 'preprocessor' && value && value !== 'none') {
+                state.utils.onNextUiUpdates(handleSliders); // update new sliders if needed
+            }
         });
     }
 
@@ -110,9 +113,7 @@ state.extensions['control-net'] = (function () {
         });
     }
 
-    function init() {
-        container = gradioApp().getElementById('controlnet');
-        store = new state.Store('ext-control-net');
+    function load() {
         handleToggle();
         handleTabs();
         handleCheckboxes();
@@ -121,5 +122,11 @@ state.extensions['control-net'] = (function () {
         handleRadioButtons();
     }
 
+    function init() {
+        container = gradioApp().getElementById('controlnet');
+        store = new state.Store('ext-control-net');
+        load();
+    }
+
     return { init };
 }());
diff --git a/javascript/state.utils.js b/javascript/state.utils.js
@@ -29,5 +29,27 @@ state.utils = {
     },
     txtToId: function txtToId(txt) {
         return txt.split(' ').join('-').toLowerCase();
+    },
+    callXTimes: function callXTimes(func, times) {
+        let called = 0;
+        return function() {
+            if (called < times) {
+                called++;
+                return func.apply(this);
+            }
+        }
+    },
+    debounce: function debounce(func, delay) {
+        let lastCallTime = 0;
+        return function() {
+            const currentCallTime = new Date().getTime();
+            if (currentCallTime - lastCallTime > delay) {
+                lastCallTime = currentCallTime;
+                func.apply(this, arguments);
+            }
+        }
+    },
+    onNextUiUpdates: function (func) {
+        onUiUpdate(this.callXTimes(this.debounce(func, 50), 10));
     }
 };