bouquins-bchs/search.js

var app = new Vue({
  el: '#app',
  data: {
    urlParams: {},
    authors: [],
    books: [],
    series: [],
    authorsCount: 0,
    booksCount: 0,
    seriesCount: 0,
    q: '',
    which: 'all',
    all: false,
    perpage: 10
  },
  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;
      res += '?perpage=' + this.perpage;
      for (var i=0; i<this.terms.length; i++) {
        var t = this.terms[i];
        if (t.trim())
          res += '&term=' + encodeURIComponent(t.trim());
      }
      return res;
    },
    searchAuthorsSuccess: function(res) {
      this.authorsCount = res.count;
      this.authors = res.authors;
    },
    searchAuthors: function() {
      this.sendQuery(this.searchParams('cgi-bin/bouquins/authors'), this.stdError, this.searchAuthorsSuccess);
    },
    searchBooksSuccess: function(res) {
      this.booksCount = res.count;
      this.books = res.books;
    },
    searchBooks: function() {
      this.sendQuery(this.searchParams('cgi-bin/bouquins/books'), this.stdError, this.searchBooksSuccess);
    },
    searchSeriesSuccess: function(res) {
      this.seriesCount = res.count;
      this.series = res.series;
    },
    searchSeries: function() {
      this.sendQuery(this.searchParams('cgi-bin/bouquins/series'), this.stdError, this.searchSeriesSuccess);
    },
    searchAll: function() {
      this.clear();
      this.searchAuthors();
      this.searchBooks();
      this.searchSeries();
    },
    clear: function() {
      this.authors = [];
      this.books = [];
      this.series = [];
      this.authorsCount = 0;
      this.booksCount = 0;
      this.seriesCount = 0;
    },
    searchFull: function() {
      if (this.q) {
        this.terms = this.q.split(' ');
        switch (this.which) {
          case 'all':
            this.searchAll();
            break;
          case 'authors':
            this.clear();
            this.searchAuthors();
            break;
          case 'books':
            this.clear();
            this.searchBooks();
            break;
          case 'series':
            this.clear();
            this.searchSeries();
            break;
        }
      }
      return false;
    },
    searchUrl: function() {
      if (this.urlParams.q) {
        this.terms = this.urlParams.q.split(' ');
        this.searchAll();
        this.q = this.urlParams.q;
      }
    }
  },
  created: function() {
    this.urlParse();
  },
  mounted: function() {
    this.searchUrl();
  }
})