From ce89e9a77cc3f06b8567e1f35c553a416ca02d1e Mon Sep 17 00:00:00 2001
From: Anton Schubert <ischluff@mailbox.org>
Date: Fri, 22 Sep 2017 15:56:42 +0200
Subject: [PATCH] search on input

---
 src/components/scroll-table.vue |  7 ++++---
 src/lib/util.js                 | 36 +++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/util.js

diff --git a/src/components/scroll-table.vue b/src/components/scroll-table.vue
index 616f26d..e1c01d2 100644
--- a/src/components/scroll-table.vue
+++ b/src/components/scroll-table.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="Scroll-Table">
-        <my-input :props="{type: 'text', placeholder: 'Suche'}" @change="searchChanged" v-model="currentSearch"></my-input>
+        <my-input :props="{type: 'text', placeholder: 'Suche'}" @input="searchChanged" v-model="currentSearch"></my-input>
         <my-table :actions="actions" :columns="columns" :rows="rows"
           :currentOrderBy="currentOrderBy"
           :currentOrderDesc="currentOrderDesc"
@@ -18,6 +18,7 @@ import MyTable from 'components/my-table';
 import MyInput from 'components/my-input';
 
 import { ObserveVisibility } from 'vue-observe-visibility/dist/vue-observe-visibility';
+import { debounce } from 'lib/util';
 
 export default {
     name: "ScrollTable",
@@ -141,11 +142,11 @@ export default {
             this.reloadTriggered = true;
             this.clear();
         },
-        searchChanged(e) {
+        searchChanged: debounce(function(e) {
             this.currentSearch = e;
             this.reloadTriggered = true;
             this.clear();
-        }
+        }, 300)
     }
 }
 </script>
\ No newline at end of file
diff --git a/src/lib/util.js b/src/lib/util.js
new file mode 100644
index 0000000..e0a4493
--- /dev/null
+++ b/src/lib/util.js
@@ -0,0 +1,36 @@
+
+const now = Date.now || function() {
+    return new Date().getTime();
+};
+
+export function debounce(func, wait, immediate) {
+    var timeout, args, context, timestamp, result;
+
+    var later = function() {
+        var last = now() - timestamp;
+
+        if (last < wait && last >= 0) {
+            timeout = setTimeout(later, wait - last);
+        } else {
+            timeout = null;
+            if (!immediate) {
+                result = func.apply(context, args);
+                if (!timeout) context = args = null;
+            }
+        }
+    };
+
+    return function() {
+        context = this;
+        args = arguments;
+        timestamp = now();
+        var callNow = immediate && !timeout;
+        if (!timeout) timeout = setTimeout(later, wait);
+        if (callNow) {
+            result = func.apply(context, args);
+            context = args = null;
+        }
+
+        return result;
+    };
+}