Debounce onChange calls to avoid unnecessary tool rebuilding

galaxyproject · Nov 15, 2024 · 2b5d16a · 2b5d16a
1 parent ed0e0d2
commit 2b5d16a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/client/src/components/Tool/ToolForm.vue b/client/src/components/Tool/ToolForm.vue
@@ -120,6 +120,7 @@ import ToolEntryPoints from "components/ToolEntryPoints/ToolEntryPoints";
 import { mapActions, mapState, storeToRefs } from "pinia";
 import { useHistoryItemsStore } from "stores/historyItemsStore";
 import { useJobStore } from "stores/jobStore";
+import { debounce } from "underscore";
 import { refreshContentsWrapper } from "utils/data";
 
 import { canMutateHistory } from "@/api";
@@ -287,7 +288,7 @@ export default {
                 this.onUpdate();
             }
         },
-        onUpdate() {
+        onUpdate: debounce(function (e) {
             this.disabled = true;
             console.debug("ToolForm - Updating input parameters.", this.formData);
             updateToolFormData(this.formConfig.id, this.currentVersion, this.history_id, this.formData)
@@ -297,7 +298,7 @@ export default {
                 .finally(() => {
                     this.disabled = false;
                 });
-        },
+        }, 500),
         onChangeVersion(newVersion) {
             this.requestTool(newVersion);
         },