edward/depicts
1
0
Fork 0
Code Issues 8 Pull requests Packages Projects Releases Wiki Activity

Add timer to reduce fetch.

Browse source
This commit is contained in:
Edward Betts 2019-09-25 14:38:52 +01:00
parent fa75292e22
commit 22b8b212e5
1 changed files with 41 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/js/app.js
View file

@ -1,6 +1,10 @@
var typingTimer;
var doneTypingInterval = 500;
var app = new Vue({
el: '#app',
data: {
prevTerms: '',
searchTerms: '',
hits: [],
new_depicts: [],
@ -14,8 +18,12 @@ var app = new Vue({
this.hits = [];
this.searchTerms = '';
},
search(event) {
run_search() {
var terms = this.searchTerms;
if (terms == this.prevTerms) {
return; // no change
}
this.prevTerms = terms;
if (terms.length < 3) {
this.hits = [];
return;
@ -28,6 +36,10 @@ var app = new Vue({
.then((data) => {
vm.hits = data.hits;
})
},
search(event) {
clearTimeout(typingTimer);
typingTimer = setTimeout(this.run_search, doneTypingInterval);
}
},
});