Debounced tables filtering

Paxa · Jun 3, 2021 · cae0242 · cae0242
1 parent 2164c8f
commit cae0242
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/app/utils.js b/app/utils.js
@@ -400,3 +400,13 @@ $u.textareaAutoSize = function (element) {
   element.style.height = 'auto';
   element.style.height = element.scrollHeight + 'px';
 };
+
+$u.debounce = (func, delay) => {
+  let inDebounce;
+  return function () {
+    const context = this;
+    const args = arguments;
+    clearTimeout(inDebounce);
+    inDebounce = setTimeout(() => func.apply(context, args), delay);
+  };
+};
diff --git a/app/views/db_screen_view.js b/app/views/db_screen_view.js
@@ -51,7 +51,8 @@ class DbScreenView {
     this.sidebar.find('a.addTable').bind('click', this.newTableDialog.bind(this));
     this.sidebar.find('a.reloadStructure').bind('click', this.reloadStructure.bind(this));
 
-    this.sidebar.find('input.filter-tables').bind('keyup', this.filterTables.bind(this));
+    this.sidebar.find('input.filter-tables')
+      .bind('keyup', $u.debounce(this.filterTables, 500).bind(this));
     this.sidebar.find('span.clear-filter').bind('click', () => {
       this.clearTablesFilter();
     })