From 202ab2e0de3e128731173f71fb6911a44bf3ca13 Mon Sep 17 00:00:00 2001
From: Stephan Porada <sporada@uni-bielefeld.de>
Date: Tue, 24 Sep 2019 16:16:30 +0200
Subject: [PATCH] Add download icons to job page download buttons.

---
 app/templates/main/corpora/corpus.html.j2 | 23 ++++++++++++++++-------
 app/templates/main/jobs/job.html.j2       |  4 ++--
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/app/templates/main/corpora/corpus.html.j2 b/app/templates/main/corpora/corpus.html.j2
index 6947aacd..ffa129f3 100644
--- a/app/templates/main/corpora/corpus.html.j2
+++ b/app/templates/main/corpora/corpus.html.j2
@@ -110,13 +110,22 @@
         </div>
       </div>
       <span class="card-title">Files</span>
-      <p>
-      {% for file in files %}
-      <a href="{{ url_for('main.corpus_download', corpus_id=corpus.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small">
-        <i class="material-icons left">file_download</i>{{ file }}
-      </a>
-      {% endfor %}
-      </p>
+      <table>
+        <thead>
+          <tr>
+            <th style="width: 50%;">Inputs</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for file in files %}
+          <tr>
+            <td>
+              <a href="{{ url_for('main.corpus_download', corpus_id=corpus.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>{{ file }}</a>
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
   </div>
 </div>
 
diff --git a/app/templates/main/jobs/job.html.j2 b/app/templates/main/jobs/job.html.j2
index 1859a9e3..dafcbd05 100644
--- a/app/templates/main/jobs/job.html.j2
+++ b/app/templates/main/jobs/job.html.j2
@@ -208,12 +208,12 @@
           {% for file in files %}
           <tr>
             <td>
-              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small">{{ file }}</a>
+              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>{{ file }}</a>
             </td>
             <td>
               {% if job.status == 'complete' %}
               {% for result in files[file]['results'] %}
-              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small">{{ result }}</a>
+              <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small"><i class="material-icons left">file_download</i>{{ result }}</a>
               {% endfor %}
               {% endif %}
             </td>
-- 
GitLab