Add 'Ask GIS' panel

Why these changes are being introduced:

We want to provide users multiple paths to request help from the
GIS team.

Relevant ticket(s):

https://mitlibraries.atlassian.net/browse/GDT-129

How this addresses that need:

This adds an 'Ask GIS' link to all views except the index:

* On the results page, in the sidebar below the filters (or, if no
results, below the results message).
* On the full record page, in the sidebar below fact panels.

There is a minor difference in placement for the results view in
smaller viewports, which is accommodated with media queries.

Side effects of this change:

We are using a feature flag to toggle the feature, but I wonder
if a similar feature (using a general 'Ask Us' link) would be
useful in other apps.

app/assets/stylesheets/partials/_panels.scss

@@ -76,3 +76,25 @@
 #advanced-search-panel legend {
   color: #000
 }
+
+.ask-us {
+  a {
+    margin-top: 0.5rem;
+    &:after {
+      padding-left: 1rem;
+      font-family: FontAwesome;
+      content: '\f075';
+    }
+  }
+  &.view-md {
+    @media (min-width: $bp-screen-md) {
+      display: none;
+    }
+  }
+  &.view-lg {
+    display: none;
+    @media (min-width: $bp-screen-md) {
+      display: block;
+    }
+  }
+}

app/assets/stylesheets/partials/_results.scss

@@ -6,6 +6,10 @@
   margin-bottom: 3rem;
   background-color: $white-t;
   padding: 15px;
+
+  .no-results + .ask-us {
+    margin-top: 5rem;
+  }
 }
 
 .result {

app/views/record/_sidebar.html.erb

@@ -8,11 +8,5 @@
     </div>
   <% end %>
 
-  <div class="bit askus">
-    <h3 class="title">Ask Us</h3>
-    <p>Not finding what you're looking for?  We're here to help with anything from quick questions to in-depth research.</p>
-    <p>
-      <a class="btn button-secondary" href="https://libraries.mit.edu/ask/">Ask Us</a>
-    </p>
-  </div>
+  <%= render 'shared/ask_gis' if Flipflop.enabled?(:gdt) %>
 </div>

app/views/search/results.html.erb

@@ -55,9 +55,10 @@
           <%= render(partial: 'search/result', collection: @results) %>
         </ul>
       <% else %>
-        <div id="results">
+        <div id="results" class="no-results">
           <p class="hd-2">No results found for your search</p>
         </div>
+        <%= render partial: 'shared/ask_gis' if Flipflop.enabled?(:gdt) %>
       <% end %>
     </div>
 
@@ -69,6 +70,7 @@
             <%= render(partial: 'search/filter', locals: {category: category, values: values}) %>
           <% end %>
         </div>
+        <%= render partial: 'shared/ask_gis', locals: { display: 'view-lg' } if Flipflop.enabled?(:gdt) %>
       </aside>
     <% end %>
   </div>
@@ -77,5 +79,6 @@
     <div id="pagination">  
       <%= render partial: "pagination" %>
     </div>
+    <%= render partial: 'shared/ask_gis', locals: { display: 'view-md' } if Flipflop.enabled?(:gdt) %>
   <% end %>
 </div>

app/views/shared/_ask_gis.html.erb

@@ -0,0 +1,4 @@
+<div class="bit ask-us <%= display %>">
+  <h3 class="title">Need help?</h3>
+  <a class="btn button-secondary" href="https://libraries.mit.edu/ask-gis">Ask GIS</a>
+</div>