hyrax 3.6.0 → 4.0.0.beta1

data/app/views/hyrax/admin/admin_sets/_form_participants.html.erb

@@ -1,8 +1,8 @@
           <div id="participants" class="tab-pane">
-            <div class="panel panel-default labels edit-sharing-tab">
-              <div class="panel-body">
+            <div class="card labels edit-sharing-tab">
+              <div class="card-body">
                 <section class="section-add-sharing clearfix">
-                  <h3><%= t('.add_participants') %></h3>
+                  <h2 class="h3"><%= t('.add_participants') %></h2>
                   <% access_options = options_for_select([['Manager', 'manage'], ['Depositor', 'deposit'], ['Viewer', 'view']]) %>
                   <div class="sharing-row-form">
                     <%= simple_form_for collection_permission_template_form_for(form: @form),
@@ -27,7 +27,7 @@
                                 class: 'form-control' %>
                           </div>
                         <% end %>
-                        <%= f.submit t('helpers.submit.hyrax_permission_template_access.create'), class: 'btn btn-info' %>
+                        <%= f.submit t('helpers.submit.hyrax_permission_template_access.create'), class: 'btn btn-secondary ml-2' %>
 
                     <% end %>
                   </div>
@@ -54,20 +54,21 @@
                                       class: 'form-control' %>
                         </div>
                       <% end %>
-                      <%= f.submit t('helpers.submit.hyrax_permission_template_access.create'), class: 'btn btn-info' %>
+                      <%= f.submit t('helpers.submit.hyrax_permission_template_access.create'), class: 'btn btn-secondary ml-2' %>
                     <% end %>
                   </div>
 
-                  <p class="help-block"><%= t('hyrax.admin.admin_sets.form.note') %></p>
+                  <p class="form-text"><%= t('hyrax.admin.admin_sets.form.note') %></p>
                 </section>
 
+                <h2 class="h3"><%= t(".current_participants") %></h2>
                 <fieldset class="admin-set-participants section-collection-sharing">
-                  <legend><%= t(".current_participants") %></legend>
+                  
                   <%= render 'form_participant_table', access: 'managers', filter: :manage? %>
                   <%= render 'form_participant_table', access: 'depositors', filter: :deposit? %>
                   <%= render 'form_participant_table', access: 'viewers', filter: :view? %>
                 </fieldset>
 
-              </div><!-- /.panel-body -->
+              </div><!-- /.card-body -->
             </div>
           </div>

data/app/views/hyrax/admin/admin_sets/_form_visibility.html.erb

@@ -3,47 +3,47 @@
               <%= simple_form_for collection_permission_template_form_for(form: @form),
                                   url: [hyrax, :admin, @form, :permission_template],
                                   html: { class: 'nav-safety' } do |f| %>
-                <div class="panel-body">
+                <div class="card-body">
                   <p><%= t('.page_description') %></p>
                   <h3><%= t('.release.title') %></h3>
                   <p><%= t('.release.description') %></p>
-                  <div id="release-no-delay" class="radio">
-                    <label>
-                      <%= f.radio_button :release_period, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_NO_DELAY %>
+                  <div id="release-no-delay" class="form-check">
+                    <label class="form-check-label">
+                      <%= f.radio_button :release_period, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_NO_DELAY, class: 'form-check-input' %>
                       <%= t('.release.no_delay') %>
                     </label>
                   </div>
-                  <div id="release-varies" class="radio">
-                    <label>
-                      <%= f.radio_button :release_period, '', checked: f.object.release_period.blank? || !f.object.release_varies.blank? %>
+                  <div id="release-varies" class="form-check">
+                    <label class="form-check-label">
+                      <%= f.radio_button :release_period, '', checked: f.object.release_period.blank? || !f.object.release_varies.blank?, class: 'form-check-input' %>
                       <%= t('.release.varies.description') %>
                     </label>
                     <ul>
-                      <li class="radio form-inline">
-                        <label>
-                          <%= f.radio_button :release_varies, '' %>
+                      <li class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <%= f.radio_button :release_varies, '', class: 'form-check-input' %>
                           <%= t('.release.varies.any') %>
                         </label>
                       </li>
-                      <li class="radio form-inline">
-                        <label>
-                          <%= f.radio_button :release_varies, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_BEFORE_DATE %>
+                      <li class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <%= f.radio_button :release_varies, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_BEFORE_DATE, class: 'form-check-input' %>
                           <%= t('.release.varies.between') %>
                         </label>
                         <%= f.date_field :release_date, wrapper: :inline, class: 'datepicker form-control', placeholder: 'mm/dd/yyyy' %>
                       </li>
-                      <li class="radio form-inline">
-                        <label>
-                          <%= f.radio_button :release_varies, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_EMBARGO %>
+                      <li class="form-check form-check-inline">
+                        <label class="form-check-label">
+                          <%= f.radio_button :release_varies, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_EMBARGO, class: 'form-check-input' %>
                           <%= t('.release.varies.period') %>
                           <%= f.collection_select :release_embargo, f.object.embargo_options, :first, :last, prompt: t('.release.varies.embargo.select') %>
                         </label>
                       </li>
                     </ul>
                   </div>
-                  <div id="release-fixed" class="radio form-inline">
-                    <label>
-                      <%= f.radio_button :release_period, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_FIXED %>
+                  <div id="release-fixed" class="form-check form-check-inline mb-4">
+                    <label class="form-check-label">
+                      <%= f.radio_button :release_period, Hyrax::PermissionTemplate::RELEASE_TEXT_VALUE_FIXED, class: 'form-check-input' %>
                       <%= t('.release.fixed') %>
                     </label>
                     <%= f.date_field :release_date, wrapper: :inline, class: 'datepicker form-control', placeholder: 'mm/dd/yyyy' %>
@@ -51,14 +51,14 @@
                   <h3><%= t('.visibility.title') %></h3>
                   <p><%= t('.visibility.description') %></p>
                   <%# List each option in a <div class='radio'> tag %>
-                  <%= f.collection_radio_buttons :visibility, f.object.visibility_options, :first, :last, item_wrapper_tag: :div, item_wrapper_class: 'radio' do |b| %>
+                  <%= f.collection_radio_buttons :visibility, f.object.visibility_options, :first, :last, item_wrapper_tag: :div, item_wrapper_class: 'form-check' do |b| %>
                     <%# NOTE: Bug in simple_form causes nested labels: https://github.com/plataformatec/simple_form/issues/1190 This block is a workaround. %>
-                    <% b.radio_button + b.text %>
+                    <% b.label(class: 'form-check-label') { b.radio_button(class: 'form-check-input') + b.text } %>
                   <% end %>
                 </div>
-                <div class="panel-footer">
-                  <%= link_to t('.cancel'), hyrax.admin_admin_sets_path, class: 'btn btn-default pull-right' %>
-                  <%= f.button :submit, class: 'btn btn-primary pull-right' %>
+                <div class="card-footer d-flex justify-content-end">
+                  <%= f.button :submit, class: 'btn btn-primary text-white mr-2' %>
+                  <%= link_to t('.cancel'), hyrax.admin_admin_sets_path, class: 'btn btn-light' %>
                 </div>
               <% end %>
             </div>

data/app/views/hyrax/admin/admin_sets/_form_workflow.erb

@@ -4,19 +4,19 @@
                       url: [hyrax, :admin, @form, :permission_template],
                       html: { id: 'form_workflows', class: 'nav-safety' } do |f| %>
                       <% if f.object.available_workflows.any? %>
-                        <div class="panel-body">
+                        <div class="card-body">
                           <p><%= t('.page_description') %></p>
                               <%= f.collection_radio_buttons :workflow_id, f.object.available_workflows, :id, :label, item_wrapper_tag: :div, item_wrapper_class: "radio" do |b| %>
                                 <span><%= b.radio_button + b.object.label %></span>
                                 <p><%= b.object.description %></p>
                               <% end %>
                         </div>
-                        <div class="panel-footer">
-                          <%= link_to t('.cancel'), hyrax.admin_admin_sets_path, class: 'btn btn-default pull-right'%>
-                          <%= f.button :submit, class: 'btn btn-primary pull-right'%>
+                        <div class="card-footer d-flex justify-content-end">
+                          <%= f.button :submit, class: 'btn btn-primary text-white mr-2'%>
+                          <%= link_to t('.cancel'), hyrax.admin_admin_sets_path, class: 'btn btn-light'%>
                         </div>
                       <% else %>
-                        <div class="panel-body">
+                        <div class="card-body">
                           <p><%= t('.no_workflows') %></p>
                         </div>
                       <% end %>

data/app/views/hyrax/admin/admin_sets/_show_actions.html.erb

@@ -1,12 +1,12 @@
 
-      <div class="panel-heading">
+      <div class="card-header">
         <div class="row">
           <div class="col-sm-8">
-            <h2 class="panel-title display-page"><%= presenter.to_s %></h2>
+            <h2 class="card-title display-page"><%= presenter.to_s %></h2>
           </div>
           <% if can? :edit, presenter.solr_document %>
           <div class="col-sm-4">
-            <div class="pull-right">
+            <div class="float-right">
               <%= link_to edit_admin_admin_set_path(presenter), class: 'btn btn-primary' do %>
                 <span class="fa fa-edit" aria-hidden="true"></span> <%= t(:'helpers.action.edit') %>
               <% end %>

data/app/views/hyrax/admin/admin_sets/_show_document_list_row.html.erb

@@ -3,18 +3,18 @@
 <tr id="document_<%= id %>">
   <td>&nbsp;
     <% if current_user and document.depositor != current_user.user_key %>
-      <i class="glyphicon glyphicon-share-alt" />
+      <i class="fa fa-share" />
     <% end %>
   </td>
   <td>
     <div class="media">
       <%= link_to [main_app, document], "class" => "media-left", "aria-hidden" => "true" do %>
-        <%= render_thumbnail_tag document, { class: "hidden-xs file_listing_thumbnail" }, { suppress_link: true } %>
+        <%= document_presenter(document)&.thumbnail&.thumbnail_tag({ class: "d-none d-md-block file_listing_thumbnail" }, { suppress_link: true }) %>
       <% end %>
       <div class="media-body">
         <p class="media-heading">
           <strong><%= link_to document.title_or_label, [main_app, document], id: "src_copy_link#{id}", class: "#{'document-title' if document.title_or_label == document.label}" %></strong>
-          <a href="#" class="small" title="Click for more details"><span id="expand_<%= id %>" class="glyphicon glyphicon-chevron-right"></span></a>
+          <a href="#" class="small" title="Click for more details"><span id="expand_<%= id %>" class="fa fa-chevron-right"></span></a>
         </p>
         <%= render_collection_links(document) %>
       </div>
@@ -34,12 +34,12 @@
 <tr id="detail_<%= id %>"> <!--  document detail"> -->
   <td colspan="6">
     <dl class="expanded-details row">
-      <dt class="col-xs-3 col-lg-2">Creator:</dt>
-      <dd class="col-xs-9 col-lg-4"><%= document.creator.to_a.to_sentence %></dd>
-      <dt class="col-xs-3 col-lg-2">Depositor:</dt>
-      <dd class="col-xs-9 col-lg-4"><%= link_to_profile document.depositor %></dd>
-      <dt class="col-xs-3 col-lg-2">Edit Access:</dt>
-      <dd class="col-xs-9 col-lg-10">
+      <dt class="col-3 col-lg-2">Creator:</dt>
+      <dd class="col-9 col-lg-4"><%= document.creator.to_a.to_sentence %></dd>
+      <dt class="col-3 col-lg-2">Depositor:</dt>
+      <dd class="col-9 col-lg-4"><%= link_to_profile document.depositor %></dd>
+      <dt class="col-3 col-lg-2">Edit Access:</dt>
+      <dd class="col-9 col-lg-10">
         <% if document.edit_groups.present? %>
           Groups: <%= document.edit_groups.join(', ') %>
           <br />

data/app/views/hyrax/admin/admin_sets/index.html.erb

@@ -1,7 +1,7 @@
 <% provide :page_header do %>
   <h1><span class="fa fa-sitemap" aria-hidden="true"></span> Administrative Sets</h1>
   <% if can? :create, AdminSet %>
-    <div class="pull-right">
+    <div class="float-right">
       <%= link_to hyrax.new_admin_admin_set_path, class: 'btn btn-primary' do %>
         <span class="fa fa-edit" aria-hidden="true"></span> <%= t(:'helpers.action.admin_set.new') %>
       <% end %>
@@ -9,8 +9,8 @@
   <% end %>
 <% end %>
 
-<div class="panel panel-default">
-  <div class="panel-body">
+<div class="card">
+  <div class="card-body">
     <% if @admin_sets.present? %>
       <div class="table-responsive">
         <table class="table table-striped datatable">

data/app/views/hyrax/admin/admin_sets/show.html.erb

@@ -4,14 +4,14 @@
 
 <div class="row">
   <div class="col-md-12">
-    <div class="panel panel-default">
+    <div class="card">
       <%= render 'show_actions', presenter: @presenter %>
 
-      <div class="panel-body admin-set row">
+      <div class="card-body admin-set row">
         <div class="col-md-2">
           <% if has_thumbnail? @presenter.solr_document %>
             <div class="document-thumbnail">
-              <%= render_thumbnail_tag @presenter.solr_document, {}, suppress_link: true %>
+              <%= render_thumbnail_tag(@presenter.solr_document, {}, { suppress_link: true }) %>
             </div>
           <% else %>
             <span class="fa fa-sitemap collection-icon-search" aria-hidden="true"></span>
@@ -23,7 +23,7 @@
         </div>
       </div>
 
-      <div class="panel-body admin-set-members">
+      <div class="card-body admin-set-members">
         <h3><%= t '.item_list_header' %></h3>
         <%= render 'sort_and_per_page', collection: @presenter %>
 

data/app/views/hyrax/admin/analytics/_date_range_form.html.erb

@@ -1,6 +1,6 @@
-<div class="panel panel-default">
-  <div class="panel-heading"><h4><%= t('.date_range_heading') %></h4></div>
-  <div class="panel-body">
+<div class="card">
+  <div class="card-header"><h4><%= t('.date_range_heading') %></h4></div>
+  <div class="card-body">
     <%= form_tag(redirect_path, method: :get, class: "form-inline") do %>
       <%= t('.start_date') %>: <%= date_field_tag :start_date, "", class: 'datepicker form-control', placeholder: 'mm/dd/yyyy', required: true %>
       <%= t('.end_date') %>: <%= date_field_tag :end_date, "", class: 'datepicker form-control', placeholder: 'mm/dd/yyyy', required: true %>

data/app/views/hyrax/admin/analytics/collection_reports/_custom_range.html.erb

@@ -1,6 +1,6 @@
-<div class="panel panel-default">
-  <div class="panel-heading"><h4><%= t('.summary_heading') %></h4></div>
-  <div class="panel-body">
+<div class="card">
+  <div class="card-header"><h4><%= t('.summary_heading') %></h4></div>
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>

data/app/views/hyrax/admin/analytics/collection_reports/_monthly_summary.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
     <h4><%= t('.monthly_subtitle') %> <%= Time.zone.today.strftime("%B %Y") %></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
       <tr>

data/app/views/hyrax/admin/analytics/collection_reports/_summary.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
   <h4><%= t('.subtitle')%></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>

data/app/views/hyrax/admin/analytics/collection_reports/_top_collections.html.erb

@@ -1,14 +1,14 @@
-<div class="panel panel-default">
+<div class="card">
   
-  <div class="panel-heading">
+  <div class="card-header">
     <h4><%= t('.top_collections') %>
-    <div class="btn-group pull-right">
-      <%= link_to "#{t('.export')}", admin_analytics_collection_reports_path(start_date: @start_date, end_date: @end_date, format: :csv, disposition: "attachment"), class: "btn btn-default" %>
+    <div class="btn-group float-right">
+      <%= link_to "#{t('.export')}", admin_analytics_collection_reports_path(start_date: @start_date, end_date: @end_date, format: :csv, disposition: "attachment"), class: "btn btn-secondary" %>
     </div>
     </h4>
   </div>
 
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>
@@ -42,8 +42,8 @@
     </table>
   </div>
   
-  <div class="panel-footer">
-    <div class="pull-right">
+  <div class="card-footer">
+    <div class="float-right">
       <%= paginate @top_collections %>
     </div>
   </div>

data/app/views/hyrax/admin/analytics/collection_reports/index.html.erb

@@ -8,27 +8,27 @@
   <div class="col-sm-12">
     <div class="collection-reports">
 
-<% if Hyrax.config.analytics? && Hyrax.config.analytics_provider != 'ga4' %>
-      <div class="panel panel-default">
-        <div class="panel-heading"><%= t('.repo_summary') %> <b><%= pluralize(Collection.count, "collection") %></b>, <%= t('.repo_summary_2') %> <b><%= @pageviews.all %> <%= t('.views') %></b> <%= t('.and') %> <b><%= @downloads.all %> <%= t('.downloads') %></b>.</div>
-        <div class="panel-body">
+<% if Hyrax.config.analytics? %>
+      <div class="card">
+        <div class="card-header"><%= t('.repo_summary') %> <b><%= pluralize(Collection.count, "collection") %></b>, <%= t('.repo_summary_2') %> <b><%= @pageviews.all %> <%= t('.views') %></b> <%= t('.and') %> <b><%= @downloads.all %> <%= t('.downloads') %></b>.</div>
+        <div class="card-body">
       
                <div class="row text-center">
                 <div class="nav nav-pills btn-group" role="group">
                     <% if params[:start_date] %>
-                     <a button id='summary-btn' class="btn btn-default nav-link" type="button" href="#summary" data-toggle="pill">
+                     <a button id='summary-btn' class="btn btn-secondary nav-link" type="button" href="#summary" data-toggle="pill">
                     <% else %>
                      <a button id='summary-btn' class="btn btn-primary nav-link" type="button" href="#summary" data-toggle="pill">
                     <% end %>
                         <%= t('.summary') %>
                      </a>
-                      <a button id='monthly-btn' class="btn btn-default nav-link" type="button" href="#monthly" data-toggle="pill">
+                      <a button id='monthly-btn' class="btn btn-secondary nav-link" type="button" href="#monthly" data-toggle="pill">
                         <%= t('.monthly') %>
                       </a>
                     <% if params[:start_date] %>
                       <a button id='range-btn' class="btn btn-primary nav-link" type="button" href="#custom-range" data-toggle="pill">
                     <% else %>
-                      <a button id='range-btn' class="btn btn-default nav-link" type="button" href="#custom-range" data-toggle="pill">
+                      <a button id='range-btn' class="btn btn-secondary nav-link" type="button" href="#custom-range" data-toggle="pill">
                     <% end %>
                         <%= t('.custom_range') %>
                       </a>

data/app/views/hyrax/admin/analytics/collection_reports/show.html.erb

@@ -2,7 +2,7 @@
 
 <% provide :page_header do %>
   <h1><span class="fa fa-bar-chart" aria-hidden="true"></span> <%= t('.title') %>
-  <%= link_to "#{t('.return_to_btn')}", admin_analytics_collection_reports_path, class: "btn btn-primary pull-right" %>
+  <%= link_to "#{t('.return_to_btn')}", admin_analytics_collection_reports_path, class: "btn btn-primary float-right" %>
   </h1>
   <br>
 <% end %>
@@ -11,23 +11,23 @@
   <div class="col-sm-12">
     <div class="collection-reports">
 
-      <div class="panel panel-default">
-        <div class="panel-heading">
+      <div class="card">
+        <div class="card-header">
           <div class="col-sm-10">
             <h3><%= @document %></h3>
           </div>
           <div class="col-sm-2">
-            <%= link_to "#{t('.view_collection_btn')}", collection_path(@document.id), class: "btn btn-default pull-right" %>
+            <%= link_to "#{t('.view_collection_btn')}", collection_path(@document.id), class: "btn btn-secondary float-right" %>
           </div>
         </div>
 
-        <div class="panel-body">
+        <div class="card-body">
           <div class="row">
-            <div class="col-xs-12 col-md-5">
+            <div class="col-12 col-md-5">
               <p><%= t('.created_by') %> <b><%= @document.depositor %></b> on <b><%= @document.create_date %></b></p>
               <p><%= t('.collection_type') %> <b><%= @document.collection_type_gid %></b></p>
             </div>
-            <div class="col-xs-12 col-md-5">
+            <div class="col-12 col-md-5">
               <p><%= t('.last_updated') %> <b><%= @document.modified_date.strftime("%B %d, %Y") %></b></p>
               <p><%= t('.visibility') %> <b><%= @document.read_groups.join(",") %></b></p>
             </div>
@@ -38,19 +38,19 @@
             <div class="row text-center">
         <div class="nav nav-pills btn-group" role="group">
             <% if params[:start_date] %>
-              <a button id='summary-btn' class="btn btn-default nav-link" type="button" href="#summary" data-toggle="pill">
+              <a button id='summary-btn' class="btn btn-secondary nav-link" type="button" href="#summary" data-toggle="pill">
             <% else %>
               <a button id='summary-btn' class="btn btn-primary nav-link" type="button" href="#summary" data-toggle="pill">
             <% end %>
                 <%= t('.summary') %>
               </a>
-              <a button id='monthly-btn' class="btn btn-default nav-link" type="button" href="#monthly" data-toggle="pill">
+              <a button id='monthly-btn' class="btn btn-secondary nav-link" type="button" href="#monthly" data-toggle="pill">
                 <%= t('.monthly') %>
               </a>
             <% if params[:start_date] %>
               <a button id='range-btn' class="btn btn-primary nav-link" type="button" href="#custom-range" data-toggle="pill">
             <% else %>
-              <a button id='range-btn' class="btn btn-default nav-link" type="button" href="#custom-range" data-toggle="pill">
+              <a button id='range-btn' class="btn btn-secondary nav-link" type="button" href="#custom-range" data-toggle="pill">
             <% end %>
                 <%= t('.custom_range') %>
               </a>

data/app/views/hyrax/admin/analytics/work_reports/_custom_range.html.erb

@@ -1,6 +1,6 @@
-<div class="panel panel-default">
-  <div class="panel-heading"><h4><%= t('.summary_heading') %></h4></div>
-  <div class="panel-body">
+<div class="card">
+  <div class="card-header"><h4><%= t('.summary_heading') %></h4></div>
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>

data/app/views/hyrax/admin/analytics/work_reports/_monthly_summary.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
     <h4><%= t('.monthly_subtitle') %> <%= Time.zone.today.strftime("%B %Y") %></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
       <tr>

data/app/views/hyrax/admin/analytics/work_reports/_summary.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
     <h4><%= t('.subtitle') %></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>

data/app/views/hyrax/admin/analytics/work_reports/_top_file_set_downloads.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
     <h4><%= t('.top_downloads')%></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
       <tr>
@@ -22,8 +22,8 @@
       </tbody>
     </table>
   </div>
-  <div class="panel-footer">
-    <div class="pull-right">
+  <div class="card-footer">
+    <div class="float-right">
      <%= paginate @top_file_set_downloads %> 
     </div>
   </div>

data/app/views/hyrax/admin/analytics/work_reports/_top_works.html.erb

@@ -1,13 +1,13 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
    <h4><%= t('.top_works') %>
-      <div class="btn-group pull-right">
-        <%= link_to "#{t('.export')}", admin_analytics_work_reports_path(start_date: @start_date, end_date: @end_date, format: :csv, disposition: "attachment"), class: "btn btn-default" %>
+      <div class="btn-group float-right">
+        <%= link_to "#{t('.export')}", admin_analytics_work_reports_path(start_date: @start_date, end_date: @end_date, format: :csv, disposition: "attachment"), class: "btn btn-secondary" %>
       </div>
   </h4>
   </div>
 
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
         <tr>
@@ -31,8 +31,8 @@
   </div>
   
 
-  <div class="panel-footer">
-    <div class="pull-right">
+  <div class="card-footer">
+    <div class="float-right">
       <%= paginate @top_works %>
     </div>
   </div>

data/app/views/hyrax/admin/analytics/work_reports/_work_counts.html.erb

@@ -1,16 +1,16 @@
 <div class="row">
-  <div class="col-xs-12 work-counts">
-    <div class="work-count-border col-sm-2 col-sm-offset-3 pull-left text-center">
+  <div class="col-12 work-counts">
+    <div class="work-count-border col-sm-2 offset-sm-3 float-left text-center">
        <% @file_sizes_total_bytes = @file_sizes.inject(0, :+) %>
        <% @file_size_total = (@file_sizes_total_bytes / 1.0.megabyte).round(2) %>
       <h4 class="work-count-title"><%= @file_size_total %>MB</p>
       <p><%= t('.total_size') %></p>
     </div>
-    <div class="work-count-border col-sm-2 pull-left text-center">
+    <div class="work-count-border col-sm-2 float-left text-center">
       <h4 class="work-count-title"></p>
       <p><%= t('.child_works') %></p>
     </div>
-    <div class="work-count-border col-sm-2 pull-left text-center">
+    <div class="work-count-border col-sm-2 float-left text-center">
       <h4 class="work-count-title"><%= @files.count %></p>
       <p><%= t('.files') %></p>
     </div>

data/app/views/hyrax/admin/analytics/work_reports/_work_files.html.erb

@@ -1,8 +1,8 @@
-<div class="panel panel-default">
-  <div class="panel-heading">
+<div class="card">
+  <div class="card-header">
     <h4><%= t('.title') %></h4>
   </div>
-  <div class="panel-body">
+  <div class="card-body">
     <table class="table table-striped">
       <thead>
       <tr>
@@ -28,8 +28,8 @@
       </tbody>
     </table>
   </div>
-  <div class="panel-footer">
-    <div class="pull-right">
+  <div class="card-footer">
+    <div class="float-right">
      <%= paginate @files %> 
     </div>
   </div>