Add icons to collection/component show page breadcrumbs #801 (#847)

Author: gordonleacock

.codeclimate.yml

@@ -1,4 +1,3 @@
----
 version: "2"
 exclude_patterns:
   - "app/assets/javascripts/arclight/context_navigation.js"

.rubocop.yml

@@ -17,6 +17,7 @@ AllCops:
 Metrics/ModuleLength:
   Exclude:
     - 'app/helpers/arclight_helper.rb'
+    - 'app/models/concerns/arclight/solr_document.rb'
 
 Metrics/BlockLength:
   Exclude:

app/assets/stylesheets/arclight/modules/layout.scss

@@ -8,6 +8,9 @@
   background-color: transparent;
   margin-bottom: 0;
   padding: 0;
+  .breadcrumb-item + .breadcrumb-item::before {
+    content: '';
+  }
 }
 
 .al-show-actions-box {

app/assets/stylesheets/arclight/modules/search_results.scss

@@ -146,6 +146,14 @@ article.document {
   padding-right: 0 !important;
 }
 
+.breadcrumb .media .col, h1.media .col {
+  flex-basis: auto;
+}
+
+.breadcrumb .media svg, h1.media svg {
+  fill: $gray-600;
+}
+
 .breadcrumb-links a {
   color: $body-color;
 }

app/helpers/arclight_helper.rb

@@ -180,12 +180,14 @@ def hierarchy_component_context?
 
   # determine which icon to show in search results header
   # these icon names will need to be updated when the icons are determined
-  def document_header_icon(document)
+  def document_or_parent_icon(document)
     case document.level&.downcase
     when 'collection'
       'collection'
     when 'file'
       'file'
+    when 'series', 'subseries'
+      'folder'
     else
       'container'
     end

app/models/arclight/parent.rb

@@ -5,11 +5,12 @@ module Arclight
   # Logic containing information about Solr_Ead "Parent"
   # https://github.com/awead/solr_ead/blob/8cf7ffaa66e0e4c9c0b12f5646d6c2e20984cd99/lib/solr_ead/behaviors.rb#L54-L57
   class Parent
-    attr_reader :id, :label, :eadid
-    def initialize(id:, label:, eadid:)
+    attr_reader :id, :label, :eadid, :level
+    def initialize(id:, label:, eadid:, level:)
       @id = id
       @label = label
       @eadid = eadid
+      @level = level
     end
 
     ##

app/models/arclight/parents.rb

@@ -5,11 +5,12 @@ module Arclight
   # Object for parsing and formalizing Solr_Ead "Parents"
   # https://github.com/awead/solr_ead/blob/8cf7ffaa66e0e4c9c0b12f5646d6c2e20984cd99/lib/solr_ead/behaviors.rb#L54-L57
   class Parents
-    attr_reader :ids, :labels
-    def initialize(ids:, labels:, eadid:)
+    attr_reader :ids, :labels, :levels
+    def initialize(ids:, labels:, eadid:, levels:)
       @ids = ids
       @labels = labels
       @eadid = eadid
+      @levels = levels
     end
 
     def eadid
@@ -19,7 +20,7 @@ def eadid
     ##
     # @return [Array[Arclight::Parent]]
     def as_parents
-      Hash[ids.zip(labels)].map { |k, v| Arclight::Parent.new(id: k, label: v, eadid: eadid) }
+      ids.map.with_index { |_id, idx| Arclight::Parent.new(id: ids[idx], label: labels[idx], eadid: eadid, level: levels[idx]) }
     end
 
     ##
@@ -28,7 +29,8 @@ def self.from_solr_document(document)
       ids = document.parent_ids
       labels = document.parent_labels
       eadid = document.eadid
-      new(ids: ids, labels: labels, eadid: eadid)
+      levels = document.parent_levels
+      new(ids: ids, labels: labels, eadid: eadid, levels: levels)
     end
   end
 end

app/models/concerns/arclight/solr_document.rb

@@ -20,6 +20,10 @@ def parent_labels
       fetch('parent_unittitles_ssm', [])
     end
 
+    def parent_levels
+      fetch('parent_levels_ssm', [])
+    end
+
     def parent_document
       self.class.new fetch('parent').fetch('docs', []).first
     end

app/views/catalog/_arclight_document_header_icon.html.erb

@@ -1 +1 @@
-<%= blacklight_icon document_header_icon(document) %>
+<%= blacklight_icon document_or_parent_icon(document) %>

app/views/catalog/_arclight_index_compact_default.html.erb

@@ -1,6 +1,6 @@
 <div class="documentHeader row">
   <div class="col-auto">
-    <%= blacklight_icon document_header_icon(document) %>
+    <%= blacklight_icon document_or_parent_icon(document) %>
   </div>
   <div class="col col-no-left-padding col-no-right-padding">
     <div class="d-flex justify-content-between">