Adding tooltips for the filtering by input tyes (DwCA, CSV)

Tooltip describes type of input (file vs url) and format (Darwin Core archive or csv/tsv). See #26
kurator-org · May 1, 2018 · 3febded · 3febded
1 parent 815336b
commit 3febded
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/public/javascripts/templates/workflow.html b/public/javascripts/templates/workflow.html
@@ -23,13 +23,13 @@
     <div class="col-lg-3">
         <div class="help-block">Filter by inputs:</div>
         <div class="btn-group" data-toggle="buttons">
-            <label class="btn btn-default">
+            <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Workflows for all input types">
                 <input class="filter-input-btn" type="radio" value="any" autocomplete="off">Any
             </label>
-            <label class="btn btn-default">
+            <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Workflows that accept a Darwin Core Archive URL as input">
                 <input class="filter-input-btn" type="radio" value="dwca" autocomplete="off">DwCA
             </label>
-            <label class="btn btn-default">
+            <label class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Workflows that accept a CSV or TSV file as input">
                 <input class="filter-input-btn" type="radio" value="csv" autocomplete="off">CSV
             </label>
         </div>

diff --git a/public/javascripts/views/workflows.js b/public/javascripts/views/workflows.js
@@ -39,6 +39,9 @@ define([
             $classToggle.parent().addClass('active');
             $classToggle.prop('checked', true);
 
+            // Enable all tooltips
+            $('[data-toggle="tooltip"]').tooltip();
+
             return this;
         },