31 lines
563 B
JavaScript
31 lines
563 B
JavaScript
|
var app = new Vue({
|
||
|
|
el: '#app',
|
||
|
|
data: {
|
||
|
|
searchTerms: '',
|
||
|
|
hits: [],
|
||
|
|
new_depicts: [],
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
add_depicts(hit) {
|
||
|
|
this.new_depicts.push(hit);
|
||
|
|
this.hits = [];
|
||
|
|
this.searchTerms = '';
|
||
|
|
},
|
||
|
|
search(event) {
|
||
|
|
var terms = this.searchTerms;
|
||
|
|
if (terms.length < 3) {
|
||
|
|
this.hits = [];
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
|
||
|
|
var vm = this;
|
||
|
|
|
||
|
|
fetch(lookup_url + '?terms=' + encodeURI(terms))
|
||
|
|
.then((res) => res.json())
|
||
|
|
.then((data) => {
|
||
|
|
vm.hits = data.hits;
|
||
|
|
})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
});
|