---
layout: default
title: Search Results
---

<div class="container">
    <ul id="search-results"></ul>
</div>

<script src="/scripts/lunr.min.js"></script>
<script>
    window.store = {
    {% for article in site.articles %}
      "{{ article.url | slugify }}": {
        "title": "{{ article.title | xml_escape }}",
        "category": "{{ article.category | xml_escape }}",
        "content": {{ article.content | strip_html | strip_newlines | jsonify }},
        "url": "{{ article.url | xml_escape }}"
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
    };

    (function() {
      function displaySearchResults(results, store) {
        var searchResults = document.getElementById('search-results');

        if (results.length) { // Are there any results?
          var appendString = '';

          for (var i = 0; i < results.length; i++) {  // Iterate over the results
            var item = store[results[i].ref];
            appendString += '<li><a href="' + item.url + '"><h3>' + item.title + '</h3></a>';
            appendString += '<p>' + item.content.substring(0, 150) + '...</p></li>';
          }

          searchResults.innerHTML = appendString;
        }
        else {
          searchResults.innerHTML = '<li>No results found</li>';
        }
      }

      function getQueryVariable(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split('&');

        for (var i = 0; i < vars.length; i++) {
          var pair = vars[i].split('=');

          if (pair[0] === variable) {
            return decodeURIComponent(pair[1].replace(/\+/g, '%20'));
          }
        }
      }

      var searchTerm = getQueryVariable('q');

      if (searchTerm) {
        //document.getElementById('search-box').setAttribute("value", searchTerm);

        // Initalize lunr with the fields it will be searching on. I've given title
        // a boost of 10 to indicate matches on this field are more important.
        var idx = lunr(function () {
          this.field('id');
          this.field('title', { boost: 10 });
          this.field('category');
          this.field('content');
        });

        for (var key in window.store) { // Add the data to lunr
          idx.add({
            'id': key,
            'title': window.store[key].title,
            'category': window.store[key].category,
            'content': window.store[key].content
          });

          var results = idx.search(searchTerm); // Get lunr to perform a search
          displaySearchResults(results, window.store); // We'll write this in the next section
        }
      }
    })();
</script>