Add collapsable hit highlighting

sul-dlss · Nov 23, 2015 · d67c3ab · d67c3ab
1 parent 72774cb
commit d67c3ab
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 3 deletions.
diff --git a/app/assets/javascripts/application.js b/app/assets/javascripts/application.js
@@ -19,4 +19,5 @@
 //
 // Required by Blacklight
 //= require blacklight/blacklight
+//= require spotlight
 //= require_tree .
diff --git a/app/assets/javascripts/full_text_collapse.js b/app/assets/javascripts/full_text_collapse.js
@@ -0,0 +1,21 @@
+Spotlight.onLoad(function(){
+  var uniqueId = (function() {
+  		var uuid = 0;
+
+  		return function(el) {
+        el.id = 'ui-id-' + ( ++uuid );
+  		};
+  	} )();
+
+  $('dd.blacklight-full_text_tesimv').addClass('collapse').each(function() {
+    $(this).attr('id', uniqueId(this));
+  });
+
+  $('dt.blacklight-full_text_tesimv').each(function() {
+    $(this).text($(this).text().replace(/:$/, ''));
+    $(this).attr('data-toggle', 'collapse');
+    $(this).attr('data-target', '#' + $(this).next('dd').attr('id'));
+  });
+
+  $('dd.blacklight-full_text_tesimv').collapse({ toggle: false });
+});
diff --git a/app/assets/stylesheets/blacklight.scss b/app/assets/stylesheets/blacklight.scss
@@ -66,3 +66,38 @@
     }
   }
 }
+
+dt.blacklight-full_text_tesimv {
+  @extend .h4;
+  display: inline-block;
+  float: none;
+  text-align: initial;
+  width: auto;
+
+  // collapse carets shamelessly stolen from blacklight facets
+  &[data-toggle="collapse"]:after {
+    color: $gray90;
+    // symbol for "opening" panels
+    content: "\e114";
+    float: right;
+    font-family: "Glyphicons Halflings";
+    font-size: 0.8em;
+    line-height: normal;
+    padding-left: 2ch;
+  }
+
+  &.collapsed:after {
+    // symbol for "collapsed" panels
+    content: "\e080";
+  }
+}
+
+dd.blacklight-full_text_tesimv {
+  float: none;
+  margin-left: 0;
+
+  em {
+    background-color: $highlight-bg;
+    font-weight: bold;
+  }
+}
diff --git a/app/assets/stylesheets/variables.scss b/app/assets/stylesheets/variables.scss
@@ -30,6 +30,7 @@ $navbar-default-link-active-bg: #ebebeb;
 
 $link-color: $black;
 
-
 @import 'bootstrap/variables';
-@import 'spotlight/variables_bootstrap';
+@import 'spotlight/variables_bootstrap';
+
+$highlight-bg: saturate($state-warning-bg, 30%);
diff --git a/app/controllers/catalog_controller.rb b/app/controllers/catalog_controller.rb
@@ -13,7 +13,13 @@ class CatalogController < ApplicationController
     ## Default parameters to send to solr for all search-like requests. See also SolrHelper#solr_search_params
     config.default_solr_params = {
       qt: 'search',
-      fl: '*'
+      fl: '*',
+      hl: true,
+      'hl.fl' => 'full_text_tesimv',
+      'hl.snippets' => 5,
+      'hl.fragsize' => 240,
+      'hl.mergeContiguous' => true,
+      'hl.useFastVectorHighlighter' => true
     }
 
     config.default_autocomplete_solr_params = {
@@ -136,6 +142,7 @@ class CatalogController < ApplicationController
     config.add_index_field 'folder_name_ssi', label: 'Folder Name'
     config.add_index_field 'location_ssi', label: 'Location'
     config.add_index_field 'donor_tags_ssim', label: 'Donor tags'
+    config.add_index_field 'full_text_tesimv', label: 'Preview matches in document text', highlight: true
 
     # "fielded" search configuration. Used by pulldown among other places.
     # For supported keys in hash, see rdoc for Blacklight::SearchFields