Added icons to chart download actions.

(Redmine issue: #4321)

lib/hawat/blueprints/design/templates/_macros_chart.html

@@ -42,17 +42,17 @@
                                         <ul class="dropdown-menu">
                                             <li>
                                                 <a class="export-dataset-svg" id="{{ chart_id }}_export_svg" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download chart as SVG') }}
+                                                {{ get_icon('action-download-svg') }} {{ _('Download chart as SVG') }}
                                                 </a>
                                             </li>
                                             <li>
                                                 <a class="export-dataset-csv" id="{{ chart_id }}_export_csv" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download dataset as CSV') }}
+                                                {{ get_icon('action-download-csv') }} {{ _('Download dataset as CSV') }}
                                                 </a>
                                             </li>
                                             <li>
                                                 <a class="export-dataset-json" id="{{ chart_id }}_export_json" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download dataset as JSON') }}
+                                                {{ get_icon('action-download-js') }} {{ _('Download dataset as JSON') }}
                                                 </a>
                                             </li>
                                         </ul>
@@ -103,17 +103,17 @@
                                         <ul class="dropdown-menu">
                                             <li>
                                                 <a class="export-dataset-svg" id="{{ chart_id }}_export_svg" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download chart as SVG') }}
+                                                {{ get_icon('action-download-svg') }} {{ _('Download chart as SVG') }}
                                                 </a>
                                             </li>
                                             <li>
                                                 <a class="export-dataset-csv" id="{{ chart_id }}_export_csv" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download dataset as CSV') }}
+                                                {{ get_icon('action-download-csv') }} {{ _('Download dataset as CSV') }}
                                                 </a>
                                             </li>
                                             <li>
                                                 <a class="export-dataset-json" id="{{ chart_id }}_export_json" aria-pressed="false" autocomplete="off">
-                                                {{ _('Download dataset as JSON') }}
+                                                {{ get_icon('action-download-js') }} {{ _('Download dataset as JSON') }}
                                                 </a>
                                             </li>
                                         </ul>

lib/hawat/const.py

@@ -183,6 +183,8 @@ FA_ICONS = {
     'action-download':     '<i class="fas fa-fw fa-file-download"></i>',
     'action-download-zip': '<i class="fas fa-fw fa-file-archive"></i>',
     'action-download-csv': '<i class="fas fa-fw fa-file-csv"></i>',
+    'action-download-svg': '<i class="fas fa-fw fa-file-image"></i>',
+    'action-download-js':  '<i class="fab fa-fw fa-js"></i>',
     'action-mail':         '<i class="fas fa-fw fa-envelope"></i>',
     'action-reload':       '<i class="fas fa-fw fa-sync-alt"></i>',
     'action-genkey':       '<i class="fas fa-fw fa-key"></i>',