From ee9c877929eb188ec5ef0f57508056f237f50b1e Mon Sep 17 00:00:00 2001
From: artoscinote <85488244+artoscinote@users.noreply.github.com>
Date: Thu, 4 Aug 2022 11:05:55 +0200
Subject: [PATCH] Implement BS tooltips on repository toolbar [SCI-6691]
 (#4309)

---
 .../repositories/repository_datatable.js      |  5 ++++-
 app/assets/javascripts/shared/tooltips.js     |  9 +++++++++
 .../repositories/_toolbar_buttons.html.erb    |  6 +++---
 .../toolbar/_row_actions.html.erb             | 19 ++++++++++++++++---
 4 files changed, 32 insertions(+), 7 deletions(-)
 create mode 100644 app/assets/javascripts/shared/tooltips.js

diff --git a/app/assets/javascripts/repositories/repository_datatable.js b/app/assets/javascripts/repositories/repository_datatable.js
index 370378c94..6114ce3d2 100644
--- a/app/assets/javascripts/repositories/repository_datatable.js
+++ b/app/assets/javascripts/repositories/repository_datatable.js
@@ -1,7 +1,7 @@
 /*
   globals I18n _ SmartAnnotation FilePreviewModal animateSpinner DataTableHelpers
   HelperModule RepositoryDatatableRowEditor prepareRepositoryHeaderForExport
-  initAssignedTasksDropdown initBMTFilter initReminderDropdown
+  initAssignedTasksDropdown initBMTFilter initReminderDropdown initBSTooltips
 */
 
 //= require jquery-ui/widgets/sortable
@@ -285,6 +285,8 @@ var RepositoryDatatable = (function(global) {
         $('#saveRepositoryFilters').removeClass('hidden');
       }
       if (typeof initBMTFilter === 'function') initBMTFilter();
+
+      initBSTooltips();
     });
 
     TABLE.ajax.reload(null, false);
@@ -598,6 +600,7 @@ var RepositoryDatatable = (function(global) {
         initItemEditIcon();
         initSaveButton();
         initCancelButton();
+        initBSTooltips();
 
         DataTableHelpers.initLengthAppearance($(TABLE_ID).closest('.dataTables_wrapper'));
 
diff --git a/app/assets/javascripts/shared/tooltips.js b/app/assets/javascripts/shared/tooltips.js
new file mode 100644
index 000000000..afc2c02c5
--- /dev/null
+++ b/app/assets/javascripts/shared/tooltips.js
@@ -0,0 +1,9 @@
+function initBSTooltips() {
+  $('[data-toggle="tooltip"]').each(function() {
+    $(this).tooltip();
+  });
+}
+
+(function() {
+  $(document).on('turbolinks:load', initBSTooltips);
+}());
diff --git a/app/views/repositories/_toolbar_buttons.html.erb b/app/views/repositories/_toolbar_buttons.html.erb
index 84c740ceb..abeffd5f8 100644
--- a/app/views/repositories/_toolbar_buttons.html.erb
+++ b/app/views/repositories/_toolbar_buttons.html.erb
@@ -9,13 +9,13 @@
         </div>
       <% end %>
       <% if can_create_repository_rows?(@repository) %>
-        <button type="button" title="<%= t('repositories.show.button_tooltip.new') %>"
+        <button type="button" data-toggle="tooltip" data-placement="bottom" title="<%= t('repositories.show.button_tooltip.new') %>"
                 class="btn btn-primary editAdd auto-shrink-button"
                 id="addRepositoryRecord" data-view-mode="active">
           <span class="fas fa-plus"></span>
           <span class="button-text"><%= t("repositories.add_new_record") %></span>
         </button>
-        <button type="button" title="<%= t('repositories.show.button_tooltip.import') %>"
+        <button type="button" data-toggle="tooltip" data-placement="bottom" title="<%= t('repositories.show.button_tooltip.import') %>"
                 class="btn btn-light editImport auto-shrink-button"
                 id="importRecordsButton" data-view-mode="active">
           <span class="fas fa-upload"></span>
@@ -24,7 +24,7 @@
       <% end %>
       <%= render partial: 'repositories/toolbar/row_actions' %>
       <% if @repository.repository_rows.with_active_reminders(current_user).any? %>
-        <button type="button" title="<%= t("repositories.hide_reminders") %>"
+        <button type="button" data-toggle="tooltip" data-placement="bottom" title="<%= t("repositories.hide_reminders") %>"
                 class="btn btn-light auto-shrink-button"
                 id="hideRepositoryReminders"
                 data-view-mode="active"
diff --git a/app/views/repositories/toolbar/_row_actions.html.erb b/app/views/repositories/toolbar/_row_actions.html.erb
index b1542b8ee..c03e39238 100644
--- a/app/views/repositories/toolbar/_row_actions.html.erb
+++ b/app/views/repositories/toolbar/_row_actions.html.erb
@@ -1,7 +1,10 @@
 <% if can_manage_repository_rows?(@repository) %>
   <span id="editDeleteCopy" data-toggle="buttons" style="display:none">
     <%if can_update_repository_rows?(@repository) %>
-      <button type="button" title="<%= t('repositories.show.button_tooltip.edit') %>"
+      <button type="button"
+              data-toggle="tooltip"
+              data-placement="bottom"
+              title="<%= t('repositories.show.button_tooltip.edit') %>"
               class="btn btn-light editAdd auto-shrink-button"
               id="editRepositoryRecord" disabled data-view-mode="active">
         <span class="fas fa-pencil-alt"></span>
@@ -11,7 +14,10 @@
 
 
     <% if can_create_repository_rows?(@repository) %>
-      <button type="button" title="<%= t('repositories.show.button_tooltip.duplicate') %>"
+      <button type="button"
+              data-toggle="tooltip"
+              data-placement="bottom"
+              title="<%= t('repositories.show.button_tooltip.duplicate') %>"
               class="btn btn-light copyRow auto-shrink-button"
               id="copyRepositoryRecords" disabled data-view-mode="active">
         <span class="fas fa-copy"></span>
@@ -19,12 +25,16 @@
       </button>
     <% end %>
     <button class="btn btn-light auto-shrink-button"
+            data-toggle="tooltip"
+            data-placement="bottom"
             title="<%= t('repositories.show.button_tooltip.export') %>"
             id="exportRepositoriesButton">
       <span class="fas fa-download"></span>
       <span class="button-text"><%= t("repositories.index.options_dropdown.export_items") %></span>
     </button>
     <button type="button" id="toolbarPrintLabel"
+            data-toggle="tooltip"
+            data-placement="bottom"
             title="<%= t('repositories.show.button_tooltip.print_label') %>"
             class="btn btn-light print-label-button auto-shrink-button"
             data-dismiss="modal" data-url="<%= print_modal_repository_repository_rows_path(@repository)  %>"
@@ -33,7 +43,10 @@
       <span class="button-text"><%= t('repository_row.modal_print_label.print_label') %></span>
     </button>
     <% if can_delete_repository_rows?(@repository) %>
-      <button type="button" title="<%= t('repositories.show.button_tooltip.archive') %>"
+      <button type="button"
+              data-toggle="tooltip"
+              data-placement="bottom"
+              title="<%= t('repositories.show.button_tooltip.archive') %>"
               class="btn btn-light auto-shrink-button"
               id="archiveRepositoryRecordsButton"  disabled data-view-mode="active">
         <span class="fas fa-archive"></span>