Better search content handling

Author: belbiy

_layouts/search.html

@@ -21,8 +21,6 @@
   <div id="pagination"></div>
 </div>
 
-
-
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.css">
 <script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script>
 
@@ -74,6 +72,7 @@
             var title_highlighted = item._highlightResult.title;
             var title_plain = item.title;
             var url = item.url;
+            var content = '';
             // Check if we can show title, if not - at least show URL
             if (typeof title_highlighted !== 'undefined') {
               title = title_highlighted.value;
@@ -83,14 +82,19 @@
               title = url;
             }
 
+            // Check if we have the description of the hit
+            if ( typeof item._highlightResult.content !== 'undefined' ) {
+              content = item._highlightResult.content.value;
+            }
+
             //TODO: fix the baseurl on the entire site then remove this:
             if ( baseUrl == '/' ) {
               var link = '<a href="' + url + '">' + title +'</a>';
             } else {
               var link = '<a href="' + baseUrl + url + '">' + title +'</a>';
             }
 
-            return '<div class="hit"><h2 class="hit-name">'+ link + '</h2><div class="hit-url">'+ document.location.origin + url +'</div><div class="hit-content">'+ item._highlightResult.text.value + '</div></div>';
+            return '<div class="hit"><h2 class="hit-name">'+ link + '</h2><div class="hit-url">'+ document.location.origin + url +'</div><div class="hit-content">' + content + '</div></div>';
           },
           empty: '<div id="no-results-message"><p>No results found.</p></div>',
         },
@@ -107,11 +111,12 @@
     search.addWidget(
       instantsearch.widgets.refinementList({
         container: '#tags',
-        attributeName: 'tags',
+        attributeName: 'functional_areas',
         operator: 'or',
-        limit: 10,
+        limit: 20,
+        sortBy: ["name:asc"],
         templates: {
-          header: 'Tags'
+          header: 'Functional Areas'
         }
       })
     );