Algolia index manager

Algolia index manager

by Todd Levy

HTML

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.jquery.min.js"></script>
<form id="band-search-form">
<input type="text" />
</form>

JavaScript

var APPID = "W5G06A3QFA";
var ADMIN_API_KEY = "233dXXXXXXXXXXXXXXXXXXXXXXXXX762";

var client = algoliasearch(APPID, ADMIN_API_KEY, {
  protocol: 'https:'
});

var bands_index = client.initIndex('bands_production');

      var bandsDataset = {
        source: $.fn.autocomplete.sources.hits(bands_index, { hitsPerPage: 8 }),
        displayKey: 'post_title',
        name: 'bands',
        templates: {
          footer: function ( query, isEmpty ){      
          	console.log( 'query');   
          	console.log( query );
          	console.log( '----------------' );
          	console.log( 'isEmpty' );
          	console.log( isEmpty );
          },
          suggestion: function(suggestion) {
            return '<a href=\"'+suggestion.permalink+'\" class="modal-search-link"><span class="ap-name">' + suggestion._highlightResult.post_title.value + '</span></a>';
          },
          empty: '<div class="ap-empty">No bands found. <a href="/bands">Browse all bands</a>.</div>'
        }
      };


$('#band-search-form input').autocomplete({
  debug: false,
  hint: false,
  cssClasses: {
    prefix: 'ap'
  }
}, [bandsDataset]);