Adding IIIF drag-and-drop icon to item show pages

app/assets/stylesheets/application.scss

@@ -251,3 +251,13 @@ dd {
     }
   }
 }
+img.logo {
+  margin-left: 100%;
+}
+h2 {
+  font-size: 16px;
+  margin-bottom: 0.75em;
+  font-weight: bold;
+  color: $dark-gray;
+  font-family: $font-serif;
+}

app/controllers/pages_controller.rb

@@ -3,4 +3,8 @@ def robots
     respond_to :text
     expires_in 6.hours, public: true
   end
+
+  def viewers
+    respond_to :html
+  end
 end

app/helpers/application_helper.rb

@@ -1,6 +1,7 @@
 module ApplicationHelper
   include Blacklight::BlacklightHelperBehavior
   include Spotlight::ApplicationHelper
+  delegate :url, to: :request, prefix: true
 
   def site_sidebar?
     can?(:manage, Spotlight::Site.instance) || can?(:create, Spotlight::Exhibit)

app/views/catalog/_universal_viewer_default.html.erb

@@ -1,3 +1,6 @@
+<% manifest = document.fetch(Spotlight::Engine.config.iiif_manifest_field).first %>
 <div class="uv__overlay" onClick="style.pointerEvents='none'"></div>
-<div class="uv viewer" data-config="/uv_config.json" data-uri="<%= document.fetch(Spotlight::Engine.config.iiif_manifest_field).first %>"></div>
+<div class="uv viewer" data-config="/uv_config.json" data-uri="<%= manifest %>"></div>
 <%= PulUvRails::UniversalViewer.script_tag %>
+<%= link_to image_tag("iiif.png", class: "logo", alt: "IIIF Drag and Drop"),
+            viewers_page_path(manifest: manifest, format: :html) %>

app/views/pages/viewers.html.erb

@@ -0,0 +1,26 @@
+<% @page_title = "Viewers" %>
+<div class="container-fluid">
+  <div class="col-xs-12 col-md-10">
+    <h2>IIIF and Digital Object Viewers</h2>
+    <p>Digital PUL uses <a href="https://iiif.io/">IIIF</a> (International Image Interoperability Framework)
+    to share our digital objects. This allows our content to viewed with several different interoperable
+    viewers, including <a href="http://projectmirador.org/">Mirador</a> and
+    <a href="https://universalviewer.io/">Universal Viewer</a>.</p>
+  </div>
+
+  <div class="col-xs-12 col-md-10">
+    <h2>Drag and Drop</h2>
+    <p>When you see the <%= link_to image_tag("iiif.png", alt: "IIIF"), request_url %> icon, you can drag the
+    icon into a compatible IIIF viewer to load the object in that viewer.  For example, you can open the
+    <a href="http://projectmirador.org/demo/">Mirador Viewer</a> in another window, and drag the IIIF icon
+    from Digital PUL (or many other IIIF-enabled sites) to load objects and compare them side-by-side.</p>
+
+    <p>Sites that support IIIF drag and drop include
+      <a href="http://digital.bodleian.ox.ac.uk/inquire/Discover/Search/#/?p=c+,t+ox%5C:collection:Oriental*,rsrs+0,rsps+10,fa+,so+ox%3Asort%5Easc,scids+,pid+,vi+">Digital Bodleian</a>,
+      <a href="http://www.e-codices.unifr.ch/en/searchresult/list/one/kba/0016-1">e-codices</a>,
+      <a href="http://www.getty.edu/art/collection/objects/826/vincent-van-gogh-irises-dutch-1889/">The J. Paul Getty Museum</a>,
+      <a href="https://searchworks.stanford.edu/catalog?f%5Biiif_resources%5D%5B%5D=available">Stanford SearchWorks</a>, and
+      <a href="http://collections.britishart.yale.edu/vufind/Record/1665373">Yale Center for British Art</a>.
+    </p>
+  </div>
+</div>

app/views/shared/_masthead.html.erb

@@ -7,19 +7,22 @@
     <span class='background-container-gradient'></span>
   <% end %>
 
-  <% if current_exhibit || content_for?(:masthead) %>
-  <div class="container site-title-container">
-    <div class="site-title h1">
-      <% if content_for? :masthead %>
-        <%= content_for :masthead %>
-      <% elsif current_exhibit %>
-        <%= current_exhibit.title %>
-        <% if current_exhibit.subtitle.present? %>
-          <small dir='<%= current_exhibit.subtitle.dir %>'><%= current_exhibit.subtitle %></small>
+  <% if current_exhibit || content_for?(:masthead) || @page_title %>
+    <div class="container site-title-container">
+      <div class="site-title h1">
+        <% if content_for? :masthead %>
+          <%= content_for :masthead %>
+        <% elsif current_exhibit %>
+          <%= current_exhibit.title %>
+          <% @subtitle ||= current_exhibit.subtitle %>
+          <% if @subtitle.present? %>
+            <small dir='<%= @subtitle.dir %>'><%= @subtitle %></small>
+          <% end %>
+        <% elsif @page_title %>
+          <%= @page_title %>
         <% end %>
-      <% end %>
+      </div>
     </div>
-  </div>
   <% end %>
 
   <%= render 'shared/exhibit_navbar' %>

config/routes.rb

@@ -23,6 +23,7 @@
     concerns :searchable
   end
 
+  get '/viewers', to: 'pages#viewers', as: 'viewers_page'
   mount Spotlight::Engine, at: '/'
 
   concern :exportable, Blacklight::Routes::Exportable.new

spec/controllers/pages_controller_spec.rb

@@ -7,4 +7,11 @@
       expect(response).to render_template "pages/robots"
     end
   end
+
+  describe "viewers" do
+    it "renders viewers page" do
+      get :viewers, params: { format: :html }
+      expect(response).to render_template "pages/viewers"
+    end
+  end
 end

spec/views/pages/viewers.html.erb_spec.rb

@@ -0,0 +1,15 @@
+require 'rails_helper'
+
+RSpec.describe "pages/viewers.html.erb" do
+  describe "iiif drag and drop" do
+    let(:request_url) { "http://example.com/viewers?manifest=abc" }
+
+    before do
+      allow(view).to receive(:request_url).and_return(request_url)
+      render
+    end
+    it "includes a iiif manifest link" do
+      expect(response).to have_link("IIIF", href: request_url)
+    end
+  end
+end