add dataset result row tooltips (log, get_result, get_mapped_result, …

…preview, explore)
digitalmethodsinitiative · Feb 1, 2024 · c0aa4c7 · c0aa4c7
1 parent 97209cb
commit c0aa4c7
Showing 1 changed file with 22 additions and 17 deletions.
diff --git a/webtool/templates/components/result-result-row.html b/webtool/templates/components/result-result-row.html
@@ -7,44 +7,49 @@
         <div class="result-log">
             <a href="{{ url_for('view_log', key=dataset.key) }}"
                data-load-from="{{ url_for('view_log', key=dataset.key) }}"
-               class="popup-trigger" aria-controls="popup-log-{{ dataset.key }}">
+               class="tooltip-trigger popup-trigger" aria-controls="tooltip-log-{{ dataset.key }} popup-log-{{ dataset.key }}">
                 <i class="fa fa-clipboard-list" aria-hidden="true"></i> Log file
             </a>
             <div role="dialog" id="popup-log-{{ dataset.key }}"></div>
+            <p role="tooltip" id="tooltip-log-{{ dataset.key }}" aria-hidden="true">View dataset creation log</p>
         </div>
     {% endif %}
     </div>
   {% if dataset.is_finished() and dataset.num_rows > 0 %}
     <ul class="dataset-actions">
     <li>
-    <a href="{{ url_for('get_result', query_file=dataset.result_file) }}">
-        <i class="fas fa-download" aria-hidden="true"></i>
-        {{ dataset.result_file.split(".")[-1] }} ({{ dataset.get_results_path()|filesize }})
-    </a>
+        <a href="{{ url_for('get_result', query_file=dataset.result_file) }}" class=" tooltip-trigger" aria-controls="tooltip-get-result-{{ dataset.key }}">
+            <i class="fas fa-download" aria-hidden="true"></i>
+            {{ dataset.result_file.split(".")[-1] }} ({{ dataset.get_results_path()|filesize }})
+        </a>
+        <p role="tooltip" id="tooltip-get-result-{{ dataset.key }}" aria-hidden="true">Download original data</p>
     </li>
     {% if dataset.get_extension() != "csv" and dataset.get_own_processor().map_item %}
         <li>
-        <a href="{{ url_for('get_mapped_result', key=dataset.key) }}">
-            <i class="fas fa-download" aria-hidden="true"></i>
-            csv
-        </a>
+            <a href="{{ url_for('get_mapped_result', key=dataset.key) }}" class="tooltip-trigger" aria-controls="tooltip-get-mapped-result-{{ dataset.key }}" >
+                <i class="fas fa-download" aria-hidden="true"></i>
+                csv
+            </a>
+        <p role="tooltip" id="tooltip-get-mapped-result-{{ dataset.key }}" aria-hidden="true">Download data as CSV w/ 4CAT defined columns</p>
         </li>
     {% endif %}
     {% if (dataset.get_extension() in ("csv", "gexf") or dataset.get_own_processor().map_item) and not __user_config("ui.inline_preview") %}
         <li>
-        <a href="{{ url_for('preview_items', key=dataset.key) }}"
-           data-load-from="{{ url_for('preview_items', key=dataset.key) }}" class="popup-trigger"
-           aria-controls="popup-preview-{{ dataset.key }}">
-            <i class="fa fa-eye" aria-hidden="true"></i> Preview
-        </a>
+            <a href="{{ url_for('preview_items', key=dataset.key) }}"
+               data-load-from="{{ url_for('preview_items', key=dataset.key) }}" class="tooltip-trigger popup-trigger"
+               aria-controls="tooltip-preview-{{ dataset.key }} popup-preview-{{ dataset.key }}">
+                <i class="fa fa-eye" aria-hidden="true"></i> Preview
+            </a>
+            <p role="tooltip" id="tooltip-preview-{{ dataset.key }}" aria-hidden="true">Preview data as table w/ 4CAT defined columns</p>
         <div role="dialog" id="popup-preview-{{ dataset.key }}"></div>
         </li>
     {% endif %}
     <li>
     {% if __user_config("privileges.can_use_explorer") %}
-    <a href="{{ url_for('explorer_dataset', key=dataset.key) }}">
-        <i class="fa fa-binoculars" aria-hidden="true"></i> Explore
-    </a>
+        <a href="{{ url_for('explorer_dataset', key=dataset.key) }}" class="tooltip-trigger" aria-controls="tooltip-explore-items-{{ dataset.key }}">
+            <i class="fa fa-binoculars" aria-hidden="true"></i> Explore
+        </a>
+        <p role="tooltip" id="tooltip-explore-items-{{ dataset.key }}" aria-hidden="true">Explore, sort, and add annotations to data interactively</p>
     {% endif %}
     </li>
     </ul>