2445 Exhibit as external link

.rubocop.yml

@@ -10,6 +10,7 @@ AllCops:
     - 'app/models/exhibit.rb'
     - 'app/helpers/snippet_helper.rb'
     - 'app/controllers/snippets_controller.rb'
+    - 'app/models/link_exhibit.rb'
 
 Metrics/ClassLength:
   Enabled: false

app/assets/stylesheets/globals/exhibits.css.scss

@@ -250,6 +250,13 @@ a.exhibit-color:hover {
   min-height: 3.1em;
 }
 
+div.gallery-thumbnail a {
+  span:hover {
+    color: #fff;
+    text-decoration: underline;
+  }
+}
+
 .exhibit-header {
   background-size: cover;
   background-image: url("https://s3.amazonaws.com/americanarchive.org/exhibits/assets/exhibits_red_bar.png");

app/controllers/exhibits_controller.rb

@@ -2,7 +2,8 @@
 
 class ExhibitsController < OverrideController
   def index
-    @top_level_exhibits = Exhibit.all_top_level
+    story_map_exhibit = LinkExhibit.new(title: "Witnessing New Mexico: The New Mexico Public Media Digitization Project", external_url: "https://storymaps.arcgis.com/stories/39eecf9cbc484f36802799c4046ebd61", thumbnail_url: "https://s3.amazonaws.com/americanarchive.org/exhibits/nm_storymap_cover.png", new_tab: true)
+    @top_level_exhibits = Exhibit.all_top_level + [story_map_exhibit]
     @page_title = 'Exhibits'
   end
 

app/models/exhibit.rb

@@ -80,6 +80,14 @@ def config
     end
   end
 
+  def full_path
+    "/exhibits/" + path
+  end
+
+  def new_tab
+    false
+  end
+
   def meta_tags
     %(
       <meta property="og:title" content="#{config[:preview][:title]} | American Archive of Public Broadcasting" />

app/models/link_exhibit.rb

@@ -0,0 +1,17 @@
+class LinkExhibit
+  attr_reader :title
+  attr_reader :thumbnail_url
+  attr_reader :external_url
+  attr_reader :new_tab
+
+  def initialize(title:, external_url:, thumbnail_url:, new_tab: false)
+    @title = title
+    @external_url = external_url
+    @thumbnail_url = thumbnail_url
+    @new_tab = new_tab
+  end
+
+  def full_path
+    @external_url
+  end
+end

app/views/exhibits/index.html.erb

@@ -1,18 +1,18 @@
 <% content_for :main do %>
   <div class="row">
     <div class="col-md-12 gallery-intro">
-      <p>‪American Archive of Public Broadcasting staff and guest curators create exhibits of selected recordings that focus on themes, topics, and events of cultural and historical significance. In the exhibits, curators contextualize digitized primary and secondary source public television and radio materials. Each curated set of selected recordings present a diversity of perspectives concerning the exhibit's focus. As a result, AAPB exhibits often illuminate how public broadcasting stations and producers have covered the exhibit's theme.</p>
+      <p>American Archive of Public Broadcasting staff and guest curators create exhibits of selected recordings that focus on themes, topics, and events of cultural and historical significance. In the exhibits, curators contextualize digitized primary and secondary source public television and radio materials. Each curated set of selected recordings present a diversity of perspectives concerning the exhibit's focus. As a result, AAPB exhibits often illuminate how public broadcasting stations and producers have covered the exhibit's theme.</p>
     </div>
   </div>
   <div class="row gallery-index" id="documents">
     <% @top_level_exhibits.each do |ex| %>
       <div class="gallery col-xs-12 col-sm-6 col-md-4">
         <div class="gallery-thumbnail">
-          <a href="/exhibits/<%= ex.path %>">
+          <a <%= ex.new_tab ? %(target=_blank) : "" %> href="<%= ex.full_path %>">
             <img src="<%= ex.thumbnail_url %>" alt="<%= ex.title %>" aria-hidden="true">
             <div class="exhibit-index-title-container">
               <h2 class="exhibit-index-title bg-color-<%= ['purple','pink','red'].sample %>">
-                <a href="/exhibits/<%= ex.path %>"><%= ex.title %></a>
+                <a <%= ex.new_tab ? %(target=_blank) : "" %> href="<%= ex.full_path %>"><%= ex.title %></a>
               </h2>  
             </div>
 

app/views/home/_exhibits_carousel.html.erb

@@ -2,11 +2,11 @@
     render layout: 'home/carousel',
            locals: {
                     id: 'exhibits-carousel',
-                    items: Exhibit.all_top_level,
+                    items: Exhibit.all_top_level + [LinkExhibit.new(title: "Witnessing New Mexico: The New Mexico Public Media Digitization Project", external_url: "https://storymaps.arcgis.com/stories/39eecf9cbc484f36802799c4046ebd61", thumbnail_url: "https://s3.amazonaws.com/americanarchive.org/exhibits/nm_storymap_cover.png", new_tab: true)],
                     view_all: 'View All Exhibits',
                     view_all_href: '/exhibits'
                    } do |item| %>
-  <a href="<%= "/exhibits/#{item.path}" %>" class="list-group-item" >
+  <a <%= item.new_tab ? %(target=_blank) : "" %> href="<%= item.full_path %>" class="list-group-item" >
     <img src="<%= item.thumbnail_url %>" title="<%= item.title %>" alt="<%= item.title %>" aria-hidden="true" />
     <span class="carousel-caption">
       <h3 class="list-group-item-heading"><%= item.title %></h3>