VisualSearch Test

by Jason Normandin

HTML

<script src="http://documentcloud.github.io/visualsearch/build-min/dependencies.js"></script>
<link rel="stylesheet" href="http://documentcloud.github.io/visualsearch/build-min/visualsearch-datauri.css">
<script src="http://documentcloud.github.io/visualsearch/build/visualsearch.js"></script>
<div id="search_box_container"></div>
<div id="search_query">&nbsp;</div>

JavaScript

$(document).ready(function() {
        window.visualSearch = VS.init({
          container  : $('#search_box_container'),
          query      : '',
          showFacets : true,
          unquotable : [
            'text',
            'account',
            'filter',
            'access'
          ],
          callbacks  : {
            search : function(query, searchCollection) {
              var $query = $('#search_query');
              var count  = searchCollection.size();
              $query.stop().animate({opacity : 1}, {duration: 300, queue: false});
              $query.html('<span class="raquo">&raquo;</span> You searched for: ' +
                          '<b>' + (query || '<i>nothing</i>') + '</b>. ' +
                          '(' + count + ' facet' + (count==1 ? '' : 's') + ')');
              clearTimeout(window.queryHideDelay);
              window.queryHideDelay = setTimeout(function() {
                $query.animate({
                  opacity : 0
                }, {
                  duration: 1000,
                  queue: false
                });
              }, 2000);
            },
            facetMatches : function(callback) {
              console.log('called');
              callback([
                'account', 'filter', 'access', 'title',
                { label: 'Device by Name',       category: 'Device' },
                { label: 'Device by Locatioin',    category: 'Device' },
                { label: 'U.S. State', category: 'location' },
                { label: 'city',       category: 'location' },
                { label: 'country',    category: 'location' },
                { label: 'U.S. State', category: 'location' },
                { label: 'city',       category: 'location' },
                { label: 'country',    category: 'location' },
                { label: 'U.S. State', category: 'location' },
                { label: 'city',       category: 'location' },
                { label: 'country',    category:...