hyrax 3.6.0 → 4.0.0.beta1

data/app/views/hyrax/base/_file_manager_actions.html.erb

@@ -1,5 +1,7 @@
-  <div class="actions form-horizontal panel panel-default">
-    <%= button_tag t('.save'), class: "btn btn-primary disabled", data: { action: "save-actions" } %>
-    <%= button_tag t('.sort_alphabetically'), class: "btn btn-primary", data: { action: "alpha-sort-action" } %>
+  <div class="actions card">
+    <div class="d-flex">
+      <%= button_tag t('.save'), class: "btn btn-primary disabled mr-2", data: { action: "save-actions" } %>
+      <%= button_tag t('.sort_alphabetically'), class: "btn btn-primary ", data: { action: "alpha-sort-action" } %>
+    </div>
   </div>
   <%= render "file_manager_resource_form" %>

data/app/views/hyrax/base/_file_manager_member.html.erb

@@ -1,13 +1,13 @@
 <li data-reorder-id='<%= node.id %>'>
-    <div class="panel panel-default">
+    <div class="card">
       <%= simple_form_for [main_app, node], remote: true, html: {'data-type': 'json'} do |f| %>
-        <div class="panel-heading">
+        <div class="card-header">
           <div class="order-title">
             <%= f.input :title, as: :string, input_html: { name: "#{f.object.model_name.singular}[title][]", class: "title" }, value: node.to_s, label: false, hint: false %>
           </div>
-          <div class="file-set-link pull-right">
+          <div class="file-set-link float-right">
             <%= link_to contextual_path(node, @presenter), title: "Edit file" do %>
-              <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
+              <span class="fa fa-pencil" aria-hidden="true"></span>
             <% end %>
           </div>
           <% if node.respond_to?(:label) %>
@@ -16,7 +16,7 @@
             </div>
           <% end %>
         </div>
-        <div class="panel-body">
+        <div class="card-body">
           <div class="text-center thumbnail">
             <%= render "file_manager_thumbnail", node: node %>
           </div>

data/app/views/hyrax/base/_file_manager_member_resource_options.html.erb

@@ -1,10 +1,10 @@
       <div class="form-group radio_buttons member_resource_options">
-        <span class="radio">
-          <%= radio_button_tag "thumbnail_id", node.id, @form.thumbnail_id == node.id, id: "thumbnail_id_#{node.id}", class: "radio_buttons" %>
-          <%= label_tag "thumbnail_id_#{node.id}", t('.thumbnail') %>
+        <span class="form-check">
+          <%= radio_button_tag "thumbnail_id", node.id, @form.thumbnail_id == node.id, id: "thumbnail_id_#{node.id}", class: "form-check-input radio_buttons" %>
+          <%= label_tag "thumbnail_id_#{node.id}", t('.thumbnail'), class: 'form-check-label' %>
         </span>
-        <span class="radio">
-          <%= radio_button_tag "representative_id", node.id, @form.representative_id == node.id, id: "representative_id_#{node.id}", class: "radio_buttons" %>
-          <%= label_tag "representative_id_#{node.id}", t('.representative_media') %>
+        <span class="form-check">
+          <%= radio_button_tag "representative_id", node.id, @form.representative_id == node.id, id: "representative_id_#{node.id}", class: "form-check-input radio_buttons" %>
+          <%= label_tag "representative_id_#{node.id}", t('.representative_media'), class: 'form-check-label' %>
         </span>
       </div>

data/app/views/hyrax/base/_file_manager_members.html.erb

@@ -1,6 +1,6 @@
 <%= content_tag :ul,
                 id: "sortable",
-                class: "list-unstyled grid clearfix",
+                class: "list-unstyled grid d-flex flex-wrap clearfix",
                 data: {
                   id: @form.id,
                   "class-name" => @form.model_name.plural,

data/app/views/hyrax/base/_file_manager_thumbnail.html.erb

@@ -1 +1 @@
-<%= render_thumbnail_tag node, class: 'thumbnail-inner' %>
+<%= document_presenter(node)&.thumbnail&.thumbnail_tag({ class: 'thumbnail-inner mw-100' }, {}) %>

data/app/views/hyrax/base/_form_child_work_relationships.html.erb

@@ -20,10 +20,10 @@ HTML Properties:
                           'autocomplete-url' => Rails.application.routes.url_helpers.qa_path + '/search/find_works',
                           'exclude-work': f.object.model.id.to_s # exclude this item from the result set.
                         } %>
-      <a href="#" onclick="return false;" class="btn btn-primary" data-behavior="add-relationship"><%= t('.add') %></a>
+      <a href="#" onclick="return false;" class="btn btn-secondary ml-2" data-behavior="add-relationship"><%= t('.add') %></a>
   </div>
-  <div class="message has-warning hidden"></div>
-  <div style="margin-top: 10px">
+  <div class="message has-warning"></div>
+  <div class="my-4">
     <%= link_to t('.attach_new_work'), polymorphic_path([main_app, :new, :hyrax, :parent, curation_concern.model_name.singular.to_sym], parent_id: curation_concern.id), target: "_blank", class: 'btn btn-primary' %>
   </div>
   <table class="table table-striped">

data/app/views/hyrax/base/_form_files.html.erb

@@ -11,18 +11,18 @@
         <!-- The fileupload-buttonbar contains buttons to add/delete files and start/cancel the upload -->
         <div class="fileupload-buttonbar">
           <div class="row">
-            <div class="col-xs-12">
+            <div class="col-12">
                 <div class="fileinput-button" id="add-files">
                   <input id="addfiles" type="file" style="display:none;"  name="files[]" multiple />
                   <button type="button" class="btn btn-success" onclick="document.getElementById('addfiles').click();">
-                    <span class="glyphicon glyphicon-plus"></span>
+                    <span class="fa fa-plus"></span>
                     <span><%=  t(".add_files") %></span>
                   </button>
                 </div>
                 <div class="fileinput-button">
                   <input id="addfolder" type="file" style="display:none;"  name="files[]" multiple directory webkitdirectory />
                   <button type="button" class="btn btn-success" onclick="document.getElementById('addfolder').click();">
-                    <span class="glyphicon glyphicon-plus"></span>
+                    <span class="fa fa-plus"></span>
                     <span><%=  t(".add_folder") %></span>
                   </button>
                 </div>
@@ -30,12 +30,12 @@
                   <%= button_tag(type: 'button', class: 'btn btn-success', id: "browse-btn",
                     'data-toggle' => 'browse-everything', 'data-route' => browse_everything_engine.root_path,
                     'data-target' => "#{f.object.persisted? ? "#edit_#{f.object.model.model_name.param_key}_#{f.object.model.id}" : "#new_#{f.object.model.model_name.param_key}"}" ) do %>
-                    <span class="glyphicon glyphicon-plus"></span>
+                    <span class="fa fa-plus"></span>
                     <%= t('hyrax.upload.browse_everything.browse_files_button') %>
                   <% end %>
                 <% end %>
-                <button type="reset" id="file-upload-cancel-btn" class="btn btn-warning cancel hidden">
-                    <span class="glyphicon glyphicon-ban-circle"></span>
+                <button type="reset" id="file-upload-cancel-btn" class="btn btn-warning cancel">
+                    <span class="fa fa-ban"></span>
                     <span><%= t('.cancel_upload') %></span>
                 </button>
                 <!-- The global file processing state -->
@@ -43,12 +43,12 @@
             </div>
           </div>
           <div class="row">
-            <div class="col-xs-12">
+            <div class="col-12">
               <!-- The global progress state -->
               <div class="fileupload-progress fade">
                   <!-- The global progress bar -->
-                  <div class="progress progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
-                      <div class="progress-bar progress-bar-success" style="width:0%;"></div>
+                  <div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
+                      <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" style="width:0%;"></div>
                   </div>
                   <!-- The extended global progress state -->
                   <div class="progress-extended">&nbsp;</div>

data/app/views/hyrax/base/_form_member_of_collections.html.erb

@@ -9,11 +9,11 @@ HTML Properties:
   table:
     [data-behavior="child-relationships"] : allows the javascript to be initialized
     data-param-key : the parameter key value for this model type %>
-<h2><%= t("hyrax.works.form.in_collections") %></h2>
+<h2 class="h3 mt-4"><%= t("hyrax.works.form.in_collections") %></h2>
 
 <div class="form-group" data-behavior="collection-relationships" data-param-key="<%= f.object.model_name.param_key %>" data-members="<%= member_of_collections_json(f.object) %>">
 
-  <div class="form-inline">
+  <div class="form-inline mb-3">
       <%= f.label :member_of_collection_ids %>
       <%= f.input_field :member_of_collection_ids,
                   prompt: :translate,
@@ -21,7 +21,7 @@ HTML Properties:
                     autocomplete: 'collection',
                     'autocomplete-url' => Rails.application.routes.url_helpers.qa_path + '/search/collections?access=deposit'
                   } %>
-      <a href="#" onclick="return false;" class="btn btn-primary" data-behavior="add-relationship"><%= t('.add') %></a>
+      <a href="#" onclick="return false;" class="btn btn-secondary ml-2" data-behavior="add-relationship"><%= t('.add') %></a>
   </div>
 
   <table class="table table-striped">

data/app/views/hyrax/base/_form_metadata.html.erb

@@ -6,7 +6,7 @@
         <% if f.object.display_additional_fields? %>
           <%= link_to t('hyrax.works.form.additional_fields'),
                       '#extended-terms',
-                      class: 'btn btn-default additional-fields',
+                      class: 'btn btn-secondary additional-fields',
                       data: { toggle: 'collapse' },
                       role: "button",
                       'aria-expanded'=> "false",

data/app/views/hyrax/base/_form_permission.html.erb

@@ -10,26 +10,36 @@
     </legend>
 
     <div class="form-group">
-      <label class="radio">
-        <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC %>
-        <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC) %>
-      </label>
-      <label class="radio">
-        <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED %>
-        <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED) %>
-      </label>
-      <label class="radio">
-        <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_EMBARGO %>
-        <%= render "form_permission_embargo", f: f %>
-      </label>
-      <label class="radio">
-        <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_LEASE %>
-        <%= render "form_permission_lease", f: f %>
-      </label>
-      <label class="radio">
-        <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE %>
-        <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE) %>
-      </label>
+      <div class="form-check">
+        <label class="form-check-label">
+          <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC, class: 'form-check-input' %>
+          <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC) %>
+        </label>
+      </div>
+      <div class="form-check">
+        <label class="form-check-label">
+          <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED, class: 'form-check-input' %>
+          <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED) %>
+        </label>
+      </div>
+      <div class="form-check">
+        <label class="form-check-label">
+          <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_EMBARGO, class: 'form-check-input' %>
+          <%= render "form_permission_embargo", f: f %>
+        </label>
+      </div>
+      <div class="form-check">
+        <label class="form-check-label">
+          <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_LEASE, class: 'form-check-input' %>
+          <%= render "form_permission_lease", f: f %>
+        </label>
+      </div>
+      <div class="form-check">
+        <label class="form-check-label">
+          <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE, class: 'form-check-input' %>
+          <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE) %>
+        </label>
+      </div>
     </div>
   </fieldset>
 <% end %>

data/app/views/hyrax/base/_form_permission_under_embargo.html.erb

@@ -3,7 +3,7 @@
     <%= t('.legend_html') %>
   </legend>
 
-  <section class="help-block">
+  <section class="form-text">
     <p>
       <%= t('.help_html', edit_link: link_to( t('.management_page'), edit_embargo_path(f.object)) ) %>
     </p>

data/app/views/hyrax/base/_form_permission_under_lease.html.erb

@@ -3,7 +3,7 @@
     <%= t('.legend_html') %>
   </legend>
 
-  <section class="help-block">
+  <section class="form-text">
     <p>
       <%= t('.help_html', edit_link: link_to( t('.management_page'), edit_lease_path(f.object)) ) %>
     </p>

data/app/views/hyrax/base/_form_progress.html.erb

@@ -1,6 +1,6 @@
-<aside id="form-progress" class="form-progress panel panel-default">
-  <div class="panel-heading">
-    <h3 class="panel-title"><%= t("hyrax.works.progress.header") %></h3>
+<aside id="form-progress" class="form-progress card">
+  <div class="card-header">
+    <h3 class="card-title"><%= t("hyrax.works.progress.header") %></h3>
   </div>
   <div class="list-group">
     <div class="list-group-item">
@@ -19,7 +19,7 @@
     </div>
 
     <div class="set-access-controls list-group-item">
-      <%= render 'form_visibility_component', f: f, save_work: true %>
+      <%= render 'form_visibility_component', f: f %>
     </div>
     <% if Flipflop.proxy_deposit? && current_user.can_make_deposits_for.any? %>
         <div class="list-group-item">
@@ -31,7 +31,7 @@
       <%= render "form_progress_#{section}", f: f %>
     <% end %>
   </div>
-  <div class="panel-footer text-center">
+  <div class="card-footer text-center">
     <% if ::Flipflop.show_deposit_agreement? %>
       <% if ::Flipflop.active_deposit_agreement_acceptance? %>
         <label>
@@ -56,9 +56,9 @@
   </div>
 
   <%# Provide immediate feedback after the form is submitted while the subsequent page is loading %>
-  <div class="panel-footer hidden">
+  <div class="card-footer save-progress" hidden>
     <div class="progress">
-      <div class="progress-bar progress-bar-striped progress-bar-complete active">
+      <div class="progress-bar progress-bar-striped progress-bar-complete progress-bar-animated">
         <span id="form-feedback" aria-live="assertive"><%= t(".saving_your_work") %></span>
       </div>
     </div>

data/app/views/hyrax/base/_form_relationships.html.erb

@@ -9,6 +9,6 @@
 <%= render 'form_member_of_collections', f: f %>
 
 <% if f.object.persisted? %>
-  <h2><%= t("hyrax.works.form.in_this_work") %></h2>
+  <h2 class="h3 mt-4"><%= t("hyrax.works.form.in_this_work") %></h2>
   <%= render 'form_child_work_relationships', f: f %>
 <% end %>

data/app/views/hyrax/base/_form_rendering.html.erb

@@ -5,7 +5,7 @@
         <%= t("hyrax.base.form_rendering.legend_html") %>
       </legend>
       <div class="form-group">
-        <span class="help-block"><%= t("hyrax.base.form_rendering.help_html") %></span>
+        <span class="form-text"><%= t("hyrax.base.form_rendering.help_html") %></span>
         <%= f.select :rendering_ids,
                     form_file_set_select_for(parent: f.object),
                     { include_blank: true },

data/app/views/hyrax/base/_form_representative.html.erb

@@ -5,7 +5,7 @@
           <%= t("hyrax.base.form_representative.legend_html") %>
         </legend>
         <div class="form-group">
-          <span class="help-block"><%= t("hyrax.base.form_representative.help_html") %></span>
+          <span class="form-text"><%= t("hyrax.base.form_representative.help_html") %></span>
           <%= f.select :representative_id, form_file_set_select_for(parent: @form), {}, { class: 'form-control' } %>
         </div>
       </fieldset>

data/app/views/hyrax/base/_form_share.html.erb

@@ -1,11 +1,11 @@
 <p><%= t('.directions') %></p>
-<h2><%= t('.add_sharing') %></h2>
+<h2 class="h3 mt-4"><%= t('.add_sharing') %></h2>
 
 <% depositor = f.object.depositor %>
 
-<div class="alert alert-info hidden" id="save_perm_note"><%= t('.permissions_save_note_html') %></div>
+<div class="alert alert-info" id="save_perm_note"><%= t('.permissions_save_note_html') %></div>
 
-<div class="alert alert-warning hidden" role="alert" id="permissions_error">
+<div class="alert alert-warning" role="alert" id="permissions_error">
   <span id="permissions_error_text"></span>
 </div>
 
@@ -22,7 +22,7 @@
     <label for="new_group_permission_skel" class="sr-only"><%= t(".access_type_to_grant") %></label>
     <%= select_tag 'new_group_permission_skel', options_for_select(configured_permission_options), class: 'form-control' %>
 
-    <button class="btn btn-default" id="add_new_group_skel">
+    <button class="btn btn-secondary ml-2" id="add_new_group_skel">
       <span><%= t(".add_this_group_html") %></span>
     </button>
     <br /><span id="directory_group_result"></span>
@@ -38,7 +38,7 @@
     <%= text_field_tag 'new_user_name_skel', nil %>
     <label for="new_user_permission_skel" class="sr-only"><%= t('.access_type_to_grant') %></label>
     <%= select_tag 'new_user_permission_skel', options_for_select(configured_permission_options), class: 'form-control' %>
-    <button class="btn btn-default" id="add_new_user_skel">
+    <button class="btn btn-secondary ml-2" id="add_new_user_skel">
       <span>Add<span class="sr-only"> this <%= t('hyrax.account_label') %></span></span>
     </button>
     <br /> <span id="directory_user_result"></span>
@@ -49,7 +49,7 @@
 
 <script type="text/x-tmpl" id="tmpl-work-grant">
   <tr>
-    <td><label class="control-label">{%= o.name %}</label></td>
+    <td><label class="col-form-label">{%= o.name %}</label></td>
     <td><div class="col-sm-10">{%= o.accessLabel %}<button class="btn close">&times;</button></div></td>
   </tr>
 </script>

data/app/views/hyrax/base/_form_thumbnail.html.erb

@@ -5,7 +5,7 @@
           <%= t("hyrax.base.form_thumbnail.legend_html") %>
         </legend>
         <div class="form-group">
-          <span class="help-block"><%= t("hyrax.base.form_thumbnail.help_html") %></span>
+          <span class="form-text"><%= t("hyrax.base.form_thumbnail.help_html") %></span>
           <%= f.select :thumbnail_id, form_file_set_select_for(parent: @form), {}, { class: 'form-control' } %>
         </div>
       </fieldset>

data/app/views/hyrax/base/_form_visibility_component.html.erb

@@ -4,15 +4,11 @@
   <%= render 'form_permission_under_lease', f: f %>
 <% else %>
     <fieldset>
-      <% if local_assigns[:save_work] %>
-        <legend class="legend-save-work"><%= t('.visibility') %></legend>
-      <% else %>
-        <legend><%= t('.visibility') %><%= raw(t('.subtitle_html')) %></legend>
-      <% end %>
+      <legend class="legend-save-work"><%= t('.visibility') %></legend>
       <ul class="visibility">
-        <li class="radio">
-          <label>
-            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC, data: { 'target': '#collapsePublic' } %>
+        <li class="form-check">
+          <label class="form-check-label">
+            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC, class: 'form-check-input', data: { 'target': '#collapsePublic' } %>
             <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PUBLIC) %>
             <br />
             <%= t('hyrax.visibility.open.note_html', type: f.object.human_readable_type) %>
@@ -21,17 +17,17 @@
             </div>
           </label>
         </li>
-        <li class="radio">
-          <label>
-            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED %>
+        <li class="form-check">
+          <label class="form-check-label">
+            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED, class: 'form-check-input' %>
             <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_AUTHENTICATED) %>
             <br />
             <%= t('hyrax.visibility.authenticated.note_html', institution: institution_name) %>
           </label>
         </li>
-        <li class="radio">
-          <label>
-            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_EMBARGO, data: { 'target': '#collapseEmbargo' } %>
+        <li class="form-check">
+          <label class="form-check-label">
+            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_EMBARGO, class: 'form-check-input', data: { 'target': '#collapseEmbargo' } %>
             <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_EMBARGO) %>
             <br />
             <%= t('hyrax.visibility.embargo.note_html') %>
@@ -45,9 +41,9 @@
             </div>
           </label>
         </li>
-        <li class="radio">
-          <label>
-            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_LEASE, data: { 'target': '#collapseLease' } %>
+        <li class="form-check">
+          <label class="form-check-label">
+            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_LEASE, class: 'form-check-input', data: { 'target': '#collapseLease' } %>
             <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_LEASE) %>
             <br />
             <%= t('hyrax.visibility.lease.note_html') %>
@@ -61,9 +57,9 @@
             </div>
           </label>
         </li>
-        <li class="radio">
-          <label>
-            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE %>
+        <li class="form-check">
+          <label class="form-check-label">
+            <%= f.radio_button :visibility, Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE, class: 'form-check-input' %>
             <%= visibility_badge(Hydra::AccessControls::AccessRight::VISIBILITY_TEXT_VALUE_PRIVATE) %>
             <br />
             <%= t('hyrax.visibility.restricted.note_html') %>

data/app/views/hyrax/base/_guts4form.html.erb

@@ -1,36 +1,28 @@
 <% # we will yield to content_for for each tab, e.g. :files_tab %>
 <div class="row">
-  <div class="col-xs-12 col-sm-8">
-    <div class="panel panel-default tabs" role="main">
+  <div class="col-12 col-sm-8">
+    <div class="tabs" role="main">
       <!-- Nav tabs -->
       <ul class="nav nav-tabs" role="tablist">
         <% (tabs - ['share']).each_with_index do | tab, i | %>
-          <% if i == 0 %>
-            <li role="presentation" class="active">
-          <% else %>
-            <li role="presentation">
-          <% end %>
-              <a href="#<%= tab %>" aria-controls="<%= tab %>" role="tab" data-toggle="tab">
-                <%= form_tab_label_for(form: f.object, tab: tab) %>
-              </a>
-            </li>
+          <li role="presentation" class="nav-item">
+            <a class="nav-link <% if i == 0 %>active<% end %>" href="#<%= tab %>" aria-controls="<%= tab %>" role="tab" data-toggle="tab">
+              <%= form_tab_label_for(form: f.object, tab: tab) %>
+            </a>
+          </li>
         <% end %>
 
-        <li role="presentation" id="tab-share" class="hidden">
-          <a href="#share" aria-controls="share" role="tab" data-toggle="tab">
+        <li role="presentation" id="tab-share" class="nav-item">
+          <a class="nav-link" href="#share" aria-controls="share" role="tab" data-toggle="tab">
             <%= form_tab_label_for(form: f.object, tab: 'share') %>
           </a>
         </li>
       </ul>
 
       <!-- Tab panes -->
-      <div class="tab-content">
+      <div class="tab-content card">
         <% (tabs - ['share']).each_with_index do | tab, i | %>
-          <% if i == 0 %>
-            <div role="tabpanel" class="tab-pane active" id="<%= tab %>">
-          <% else %>
-            <div role="tabpanel" class="tab-pane" id="<%= tab %>">
-          <% end %>
+          <div role="tabpanel" class="tab-pane <% if i == 0 %>show active<% end %>" id="<%= tab %>">
             <div class="form-tab-content">
               <% # metadata_tab is sometimes provided %>
               <%= yield "#{tab}_tab".to_sym if content_for? "#{tab}_tab".to_sym %>
@@ -48,7 +40,7 @@
     </div>
   </div>
 
-  <div id="savewidget" class="col-xs-12 col-sm-4 fixedsticky" role="complementary">
+  <div id="savewidget" class="col-12 col-sm-4 fixedsticky" role="complementary">
     <%= render 'form_progress', f: f %>
   </div>
 </div>

data/app/views/hyrax/base/_member.html.erb

@@ -1,6 +1,6 @@
 <tr class="<%= dom_class(member) %> attributes">
   <td class="thumbnail">
-    <%= render_thumbnail_tag member, { alt: "file details" } %>
+    <%= document_presenter(member).thumbnail.thumbnail_tag(alt: 'file details') %>
   </td>
   <td class="attribute attribute-filename ensure-wrapped"><%= link_to(member.link_name, contextual_path(member, @presenter)) %></td>
   <td class="attribute attribute-date_uploaded"><%= member.try(:date_uploaded) %></td>

data/app/views/hyrax/base/_metadata.html.erb

@@ -1,4 +1,4 @@
-<dl class="work-show <%= dom_class(presenter) %>" <%= presenter.microdata_type_to_html %>>
+<dl class="work-show pt-3 <%= dom_class(presenter) %>" <%= presenter.microdata_type_to_html %>>
     <%= render 'attribute_rows', presenter: presenter %>
     <%= presenter.attribute_to_html(:embargo_release_date, render_as: :date, html_dl: true) %>
     <%= presenter.attribute_to_html(:lease_expiration_date, render_as: :date, html_dl: true) %>

data/app/views/hyrax/base/_show_actions.html.erb

@@ -4,39 +4,39 @@
       <% if presenter.show_deposit_for?(collections: @user_collections) %>
         <input type="checkbox"  style="display:none" name="batch_document_ids[]" id="batch_document_<%= presenter.id %>" value="<%= presenter.id %>" class="batch_document_selector" checked="checked" />
         <%= button_tag t('hyrax.dashboard.my.action.add_to_collection'),
-                      class: 'btn btn-default submits-batches submits-batches-add',
+                      class: 'btn btn-secondary submits-batches submits-batches-add',
                       data: { toggle: "modal", target: "#collection-list-container" } %>
       <% end %>
       <% if presenter.work_featurable? %>
         <%= link_to t('.feature'), hyrax.featured_work_path(presenter, format: :json),
             data: { behavior: 'feature' },
-            class: presenter.display_feature_link? ? 'btn btn-default' : 'btn btn-default collapse' %>
+            class: presenter.display_feature_link? ? 'btn btn-secondary' : 'btn btn-secondary collapse' %>
 
         <%= link_to t('.unfeature'), hyrax.featured_work_path(presenter, format: :json),
             data: { behavior: 'unfeature' },
-            class: presenter.display_unfeature_link? ? 'btn btn-default' : 'btn btn-default collapse' %>
+            class: presenter.display_unfeature_link? ? 'btn btn-secondary' : 'btn btn-secondary collapse' %>
       <% end %>
     <% end %>
-    <% if Hyrax.config.analytics? && Hyrax.config.analytics_provider != 'ga4' %>
+    <% if Hyrax.config.analytics? %>
       <% # turbolinks needs to be turned off or the page will use the cache and the %>
       <% # analytics graph will not show unless the page is refreshed. %>
-      <%= link_to t('.analytics'), presenter.stats_path, id: 'stats', class: 'btn btn-default', data: { turbolinks: false } %>
+      <%= link_to t('.analytics'), presenter.stats_path, id: 'stats', class: 'btn btn-secondary', data: { turbolinks: false } %>
     <% end %>
   </div>
 
   <div class="col-sm-6 text-right">
     <% if presenter.editor? && !workflow_restriction?(presenter) %>
-      <%= link_to t('.edit'), edit_polymorphic_path([main_app, presenter]), class: 'btn btn-default' %>
+      <%= link_to t('.edit'), edit_polymorphic_path([main_app, presenter]), class: 'btn btn-secondary' %>
       <% if presenter.member_count > 1 %>
-          <%= link_to t("hyrax.file_manager.link_text"), polymorphic_path([main_app, :file_manager, presenter]), class: 'btn btn-default' %>
+          <%= link_to t("hyrax.file_manager.link_text"), polymorphic_path([main_app, :file_manager, presenter]), class: 'btn btn-secondary' %>
       <% end %>
       <% if presenter.valid_child_concerns.length > 0 %>
         <div class="btn-group">
-          <button type="button" class="btn btn-default dropdown-toggle" type="button" id="dropdown-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-            <%= t('.attach_child') %> <span class="caret"></span></button>
+          <button type="button" class="btn btn-secondary dropdown-toggle" type="button" id="dropdown-menu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <%= t('.attach_child') %>
             <ul class="dropdown-menu">
               <% presenter.valid_child_concerns.each do |concern| %>
-                <li>
+                <li class="dropdown-item">
                   <%= link_to "Attach #{concern.human_readable_type}", polymorphic_path([main_app, :new, :hyrax, :parent, concern.model_name.singular.to_sym], parent_id: presenter.id) %>
                 </li>
               <% end %>