91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
urlParams: {},
|
|
authors: [],
|
|
series: [],
|
|
books: []
|
|
},
|
|
methods: {
|
|
urlParse: function() {
|
|
var match,
|
|
pl = /\+/g, // Regex for replacing addition symbol with a space
|
|
search = /([^&=]+)=?([^&]*)/g,
|
|
decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
|
|
query = window.location.search.substring(1);
|
|
while (match = search.exec(query))
|
|
this.urlParams[decode(match[1])] = decode(match[2]);
|
|
},
|
|
sendQuery: function(url, error, success) {
|
|
var xmh = new XMLHttpRequest();
|
|
var v;
|
|
|
|
xmh.onreadystatechange = function() {
|
|
v = xmh.responseText;
|
|
if (xmh.readyState === 4 && xmh.status === 200) {
|
|
var res;
|
|
try {
|
|
res = JSON.parse(v);
|
|
} catch (err) {
|
|
if (null !== error)
|
|
error(err.name, err.message);
|
|
}
|
|
if (null !== success)
|
|
success(res);
|
|
} else if (xmh.readyState === 4) {
|
|
if (null !== error)
|
|
error(xmh.status, v);
|
|
}
|
|
};
|
|
|
|
xmh.open('GET', url, true);
|
|
xmh.send(null);
|
|
},
|
|
stdError: function(code, resp) {
|
|
console.log('ERROR ' + code + ': ' + resp);
|
|
},
|
|
searchParams: function(url) {
|
|
var res = url;
|
|
var first = true;
|
|
for (var i=0; i<this.terms.length; i++) {
|
|
var t = this.terms[i];
|
|
if (t.trim()) {
|
|
if (first) {
|
|
first = false;
|
|
res += '?';
|
|
} else
|
|
res += '&';
|
|
res += 'term=' + encodeURIComponent(t.trim());
|
|
}
|
|
}
|
|
console.log(res);
|
|
return res;
|
|
},
|
|
searchBooksSuccess: function(res) {
|
|
this.books = res;
|
|
},
|
|
searchBooks: function() {
|
|
this.sendQuery(this.searchParams('cgi-bin/bouquins/books'), this.stdError, this.searchBooksSuccess);
|
|
},
|
|
searchAll: function() {
|
|
this.authors = [];
|
|
this.books = [];
|
|
this.series = [];
|
|
this.searchBooks();
|
|
},
|
|
searchUrl: function() {
|
|
if (this.urlParams.q) {
|
|
this.terms = this.urlParams.q.split(' ');
|
|
this.searchAll();
|
|
// TODO copy in form
|
|
}
|
|
}
|
|
},
|
|
created: function() {
|
|
this.urlParse();
|
|
},
|
|
mounted: function() {
|
|
this.searchUrl();
|
|
}
|
|
})
|