Buttons title (tooltip on hover) - top action toolbar [SCI-8645]

app/javascript/vue/repository_search/container.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex items-center mr-3 flex-nowrap">
-    <button v-if="!searchOpened" class="btn btn-light icon-btn" @click="openSearch">
+    <button v-if="!searchOpened" class="btn btn-light icon-btn" :title="i18n.t('repositories.show.search_button_tooltip')" @click="openSearch">
       <i class="sn-icon sn-icon-search"></i>
     </button>
     <div v-if="searchOpened || barcodeSearchOpened" class="w-52 flex">
@@ -27,7 +27,7 @@
         <i class='sn-icon sn-icon-barcode barcode-scanner'></i>
       </div>
     </div>
-    <button v-if="!barcodeSearchOpened" class="btn btn-light icon-btn ml-2" @click="openBarcodeSearch">
+    <button v-if="!barcodeSearchOpened" class="btn btn-light icon-btn ml-2" :title="i18n.t('repositories.show.ean_search_button_tooltip')" @click="openBarcodeSearch">
       <i class='sn-icon sn-icon-barcode barcode-scanner'></i>
     </button>
   </div>

app/views/dashboards/_current_tasks.html.erb

@@ -3,7 +3,7 @@
     <div class="widget-title"><%= t("dashboard.current_tasks.title") %></div>
     <div class="actions-container">
       <div class="filter-container dropdown">
-        <div class="btn btn-light icon-btn filter-button" data-toggle="dropdown"><i class="sn-icon sn-icon-filter"></i></div>
+        <div class="btn btn-light icon-btn filter-button" title="<%= t("filters_modal.title") %>" data-toggle="dropdown"><i class="sn-icon sn-icon-filter"></i></div>
         <div class="dropdown-menu current-tasks-filters" role="menu" data-team-id="<%= current_team.id %>">
           <div class="header">
             <div class="title"><%= t("dashboard.current_tasks.filter.title") %></div>

app/views/experiments/_table_toolbar.html.erb

@@ -4,6 +4,7 @@
       <%= link_to modules_new_experiment_path(@experiment, view_mode:'table'),
                     class: 'btn btn-primary new-my-module-button only-active',
                     id: 'createTask',
+                    title: t('experiments.table.toolbar.new_tooltip'),
                     data: { view_mode: 'active' },
                     remote: true do %>
                 <span class="sn-icon sn-icon-new-task"></span>
@@ -21,7 +22,7 @@
       <button id="taskDataDisplay" class="btn btn-light icon-btn" data-toggle="modal" data-target="#tableDisplayModal">
         <i class="sn-icon sn-icon sn-icon-reports"></i>
       </button>
-        <div class="dropdown sort-menu">
+        <div class="dropdown sort-menu" title="<%= t("general.sort.title") %>">
           <button class="btn btn-light icon-btn dropdown-toggle" type="button" id="sortMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
             <i class="sn-icon sn-icon-sort-up"></i>
           </button>

app/views/experiments/canvas.html.erb

@@ -14,6 +14,7 @@
       <% if can_manage_experiment?(@experiment) %>
         <%= link_to modules_new_experiment_path(@experiment, view_mode: 'canvas'),
                     class: 'btn btn-primary new-my-module-button',
+                    title: t('experiments.canvas.new_my_module_tooltip'),
                     data: { view_mode: 'active' },
                     remote: true do %>
                 <span class="sn-icon sn-icon-new-task"></span>
@@ -23,6 +24,7 @@
               remote: true,
               type: 'button',
               id: 'edit-canvas-button',
+              title: t('experiments.canvas.canvas_edit'),
               data: { action: 'edit' },
               class: 'ajax btn btn-light' do %>
                 <span class="sn-icon sn-icon-edit"></span>

app/views/label_templates/_index_toolbar.html.erb

@@ -1,6 +1,6 @@
 <template id="labelTemplatesToolbar">
   <% if can_manage_label_templates?(current_team) %>
-    <button data-url="<%= label_templates_path %>" title="<%= t('label_templates.index.toolbar.new') %>"
+    <button data-url="<%= label_templates_path %>" title="<%= t('label_templates.index.toolbar.new_tooltip') %>"
       class="btn btn-primary  auto-shrink-button" id="newLabelTemplate">
       <i class="sn-icon sn-icon-new-task"></i>
       <span class="button-text"><%= t('label_templates.index.toolbar.new') %></span>

app/views/projects/index/_toolbar.html.erb

@@ -6,6 +6,7 @@
         <% if current_team && can_create_projects?(current_team) %>
           <%= link_to new_project_path(project_folder_id: current_folder),
                       class: 'btn btn-primary new-project-btn',
+                      title: t('projects.index.new_tooltip'),
                       data: { view_mode: 'active' },
                       remote: true do %>
             <span class="sn-icon sn-icon-new-task" aria-hidden="true"></span>
@@ -16,6 +17,7 @@
         <% if current_team && can_create_project_folders?(current_team) %>
           <%= link_to new_project_folder_path(project_folder_id: current_folder, view_mode: projects_view_mode),
                       class: 'btn btn-light new-project-folder-btn',
+                      title: t('projects.index.new_folder_tooltip'),
                       remote: true do %>
             <span class="sn-icon sn-icon-folder" aria-hidden="true"></span>
             <span class="hidden-xs"><%= t('projects.index.new_folder') %></span>
@@ -85,7 +87,7 @@
             </div>
           <% end %>
         </div>
-        <div class="dropdown sort-menu">
+        <div class="dropdown sort-menu" title="<%= t("general.sort.title") %>">
           <button class="btn btn-light icon-btn dropdown-toggle" type="button" id="sortMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
             <span><i class="sn-icon sn-icon-sort-down"></i></span>
           </button>

app/views/projects/show/_toolbar.html.erb

@@ -7,6 +7,7 @@
                     form_class: 'new-experiment-form',
                     data: {view_mode: :active},
                     id: 'new-experiment',
+                    title: t('experiments.toolbar.new_button_tooltip'),
                     method: :get,
                     class: 'btn btn-primary' do %>
         <span class="sn-icon sn-icon-new-task" aria-hidden="true"></span>
@@ -61,7 +62,7 @@
 
     <% end %>
     <!-- Sort menu dropdown -->
-    <div class="dropdown sort-menu">
+    <div class="dropdown sort-menu" title="<%= t("general.sort.title") %>">
       <button class="btn btn-light icon-btn dropdown-toggle" type="button" id="sortMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
         <i class="sn-icon sn-icon-sort-up"></i>
       </button>

app/views/protocols/index/_general_toolbar.html.erb

@@ -4,6 +4,7 @@
       <button data-toggle="modal"
               data-target="#newProtocolModal"
               class="btn btn-primary only-active"
+              title="<%= t("protocols.index.create_new_tooltip") %>"
       >
         <span class="sn-icon sn-icon-new-task"></span>
         <span class="hidden-xs"><%= t("protocols.index.create_new") %></span>

app/views/protocols/index/_protocolsio_modal_body.html.erb

@@ -26,7 +26,7 @@
             </div>
 
             <div class='protocol-sort'>
-              <div class="dropdown sort-menu">
+              <div class="dropdown sort-menu" title="<%= t("general.sort.title") %>">
                 <button class="btn btn-light icon-btn" type="button" id="sortMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                   <span><i class="sn-icon sn-icon-sort-down"></i></span>
                 </button>

app/views/reports/_index_toolbar.html.erb

@@ -1,6 +1,6 @@
 <% if can_create_reports?(current_team) %>
   <div class="sci-btn-group">
-    <%= link_to new_report_path, class: 'btn btn-primary', id: 'new-report-btn' do %>
+    <%= link_to new_report_path, class: 'btn btn-primary', id: 'new-report-btn', title: t("projects.reports.index.new_tooltip") do %>
       <span class="sn-icon sn-icon-new-task" aria-hidden="true"></span>
       <span class="hidden-xs"><%= t("projects.reports.index.new") %></span>
     <% end %>

app/views/repositories/_toolbar_buttons.html.erb

@@ -77,7 +77,7 @@
       </div>
     <% end %>
     <div class="repo-datatables-buttons">
-      <button class="btn btn-light manage-repo-column-index"
+      <button class="btn btn-light manage-repo-column-index" title="<%= t("libraries.manange_modal_column.button_tooltip") %>"
               data-modal-url="<%= repository_repository_columns_path(@repository) %>"
               data-action="new">
         <span class="sn-icon sn-icon sn-icon-reports">

app/views/repositories/index.html.erb

@@ -38,7 +38,7 @@
 <!-- Repositories action buttons -->
 <template id="repositoriesListButtons">
   <% if can_create_repositories?(current_team) %>
-    <a id="createRepoBtn" class="btn btn-primary"
+    <a id="createRepoBtn" class="btn btn-primary" title="<%= t('libraries.index.no_libraries.create_new_button_tooltip') %>"
       data-remote="true"
       data-view-mode="active"
       href="<%= create_modal_team_repositories_path(current_team) %>">

app/views/repository_columns/_delete_column_modal_body.html.erb

@@ -1,6 +1,7 @@
 <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <button class="btn icon-btn btn-light manage-repo-column-index back-to-column-modal"
+          title="<%= t("libraries.manange_modal_column.button_tooltip") %>"
           data-modal-url="<%= repository_repository_columns_path(@repository) %>"
           data-action="new">
     <span class="fas fa-arrow-left"></span>

app/views/repository_columns/_manage_column_modal_content.html.erb

@@ -1,6 +1,7 @@
 <div class="modal-header">
   <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
   <button class="btn icon-btn btn-light manage-repo-column-index back-to-column-modal"
+          title="<%= t("libraries.manange_modal_column.button_tooltip") %>"
           data-modal-url="<%= repository_repository_columns_path(@repository) %>"
           data-action="new">
     <span class="fas fa-arrow-left"></span>

app/views/shared/_filter_dropdown.html.erb

@@ -1,5 +1,5 @@
 <div class="filter-container dropdown <%= container_class + '-dropdown' %>">
-      <button class="btn btn-light icon-btn filter-button" data-toggle="dropdown"><i class="sn-icon sn-icon-filter"></i></button>
+      <button class="btn btn-light icon-btn filter-button" title="<%= t("filters_modal.title") %>" data-toggle="dropdown"><i class="sn-icon sn-icon-filter"></i></button>
       <div class="dropdown-menu dropdown-menu-right filter-dropdown <%= container_class %>" role="menu" data-team-id="<%= current_team.id %>" data-search-field-history-key="<%= search_field_history_key %>">
         <div class="header">
           <div class="title"><%= dropdown_title %></div>

app/views/users/settings/webhooks/index.html.erb

@@ -10,7 +10,7 @@
         <%= t('webhooks.index.title') %>
       </h1>
       <div class="header-actions">
-        <div class="dropdown sort-menu">
+        <div class="dropdown sort-menu" title="<%= t("general.sort.title") %>">
           <button class="btn btn-light icon-btn dropdown-toggle" type="button" id="sortMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
             <span><i class="sn-icon sn-icon-sort-down"></i></span>
           </button>

config/locales/en.yml

@@ -461,7 +461,9 @@ en:
         create_new_button: "New Project"
         no_permission_title: "You don't have permission to create new project. Please contact your team administrator."
       new: "New project"
+      new_tooltip: "Create new Project"
       new_folder: "New folder"
+      new_folder_tooltip: "Create new folder"
       visibility_private: "Project is visible to project members only."
       visibility_public: "Project is visible to all team members."
       user_project: "%{user} joined on %{timestamp}."
@@ -621,6 +623,7 @@ en:
       index:
         head_title: "Reports"
         new: "New report"
+        new_tooltip: "Create new report"
         report_button: "Report"
         update_pdf: "Update PDF"
         save_pdf_to_inventory: "Save PDF to inventory"
@@ -929,6 +932,7 @@ en:
       template_set_as_default: 'Successfully set template as default'
       toolbar:
         new: 'New label template'
+        new_tooltip: 'Create new label template'
         update_fluics_labels: 'Update Fluics labels'
         edit: 'Edit'
         duplicate: 'Duplicate'
@@ -1323,6 +1327,7 @@ en:
       archived_experiments: "Go to Archived experiments"
     toolbar:
       new_button: "New experiment"
+      new_button_tooltip: "Create new experiment"
       edit_button: "Edit details"
       duplicate_button: "Duplicate"
       move_button: "Move"
@@ -1435,6 +1440,7 @@ en:
         comments: 'Comments'
       toolbar:
         new: 'New task'
+        new_tooltip: 'Create new task'
         edit: 'Edit'
         archive: 'Archive'
         restore: 'Restore'
@@ -1477,6 +1483,7 @@ en:
       canvas_edit: "Edit workflow"
       canvas_empty: "It's empty here. Please add some tasks."
       new_my_module: "New task"
+      new_my_module_tooltip: "Create new task"
       new_my_module_modal:
         title: "Create new task"
         name: "Task name"
@@ -1767,6 +1774,8 @@ en:
         archived_by: "by"
       filter_inventory_items: "Search items"
       filter_inventory_items_with_ean: "Search with EAN code"
+      search_button_tooltip: "Quick search"
+      ean_search_button_tooltip: "Barcode search"
       no_items: "No items here"
       no_items_matched: "No items here"
       no_archived_items: "No archived items here"
@@ -1774,7 +1783,7 @@ en:
       no_archived_items_matched: "No archived items here"
       error_searching: "Error searching, please try again"
       button_tooltip:
-        new: "New item"
+        new: "Create item"
         edit: "Edit item"
         duplicate: "Duplicate"
         export: "Export"
@@ -2121,6 +2130,7 @@ en:
       title: "Manage columns"
       add_column: "Add column"
     manange_modal_column:
+      button_tooltip: "Manage columns"
       name_placeholder: "Enter column name..."
       empty_name_error: "Column must have a name."
       value_too_high_error: "Too high (max %{max_value})"
@@ -2247,6 +2257,7 @@ en:
         delete: "Delete"
       no_libraries:
         create_new_button: "New inventory"
+        create_new_button_tooltip: "Create new inventory"
     show:
       head_title: "Inventories | %{library}"
   repository_row:
@@ -2834,6 +2845,7 @@ en:
       public_description: "Team protocols are visible and can be used by everyone from the team."
       private_description: "My protocols are only visible to you."
       create_new: "New protocol template"
+      create_new_tooltip: "Create new protocol template"
       edit: "Edit"
       clone_btn: "Copy"
       import: "Import"
@@ -3462,6 +3474,7 @@ en:
     comment_placeholder_new: "Add new comment…"
     archived: "Archived"
     sort:
+      title: "Sorting"
       new_html: "<i class=\"fas fa-sort-numeric-down-alt\"></i>&nbsp;&nbsp;Started last"
       old_html: "<i class=\"fas fa-sort-numeric-down\"></i>&nbsp;&nbsp;Started first"
       atoz_html: "<i class=\"fas fa-sort-alpha-down\"></i>&nbsp;&nbsp;Name A to Z"