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 with reuslts, in the filter sidebar below
the filters.
* On the results page with no results, in a sidebar to the right.
* 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.
* The results view is getting little unwieldly, in my opinion. I
didn't see an obvious way to limit the added complexity given the
requested changes, but I'm open to suggestions.

app/assets/stylesheets/partials/_panels.scss

@@ -76,3 +76,26 @@
 #advanced-search-panel legend {
   color: #000
 }
+
+.ask-us {
+  margin-top: 3rem;
+  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,14 @@
   margin-bottom: 3rem;
   background-color: $white-t;
   padding: 15px;
+
+  .no-results {
+    margin-left: -15px;
+  }
+
+  .no-results + .ask-us {
+    margin-top: 0rem;
+  }
 }
 
 .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

@@ -48,20 +48,21 @@
 
   <%= render(partial: 'shared/error', collection: @errors) %>
 
-  <div class="<%= 'layout-1q3q' if @filters.present? %> layout-band top-space">
+  <div class="<%= 'layout-1q3q' if @filters.present? %> <%= 'layout-3q1q' if @results.empty? %> layout-band top-space">
     <% if @filters.present? %>
       <aside class="col1q filter-container">
         <div id="filters">
           <h2 class="hd-3">Filter your results</h2>
           <h3 class="hd-4"><em><%= results_summary(@pagination[:hits]) %></em></h3>
           <% @filters&.each_with_index do |(category, values), index| %>
             <% if index == 0 %>
-              <%= render(partial: 'search/filter', locals: {category: category, values: values, first: true}) %>
+              <%= render(partial: 'search/filter', locals: {category: category, values: values, first: true }) %>
             <% else %>
               <%= render(partial: 'search/filter', locals: {category: category, values: values, first: false }) %>
             <% end %>
           <% end %>
         </div>
+        <%= render partial: 'shared/ask_gis', locals: { display: 'view-lg' } if Flipflop.enabled?(:gdt) %>
       </aside>
     <% end %>
 
@@ -71,15 +72,17 @@
           <%= 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>
       <% end %>
     </div>
+    <%= render partial: 'shared/ask_gis', locals: { display: 'aside' } if Flipflop.enabled?(:gdt) && @results.empty? %>
 
   <% if @results.present? %>
     <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,10 @@
+<% if display == 'view-aside' %>
+<div class="col1qr-sidebar">
+<% end %>
+  <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>
+<% if display == 'view-aside' %>
+</div>
+<% end %>