From 83d6839fd79e047bccb51a68b73fb5e48a1fa1f6 Mon Sep 17 00:00:00 2001
From: Stephan Porada <sporada@uni-bielefeld.de>
Date: Tue, 22 Oct 2019 13:06:57 +0200
Subject: [PATCH] Add new results table view

---
 app/templates/main/jobs/job.html.j2 | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/app/templates/main/jobs/job.html.j2 b/app/templates/main/jobs/job.html.j2
index c43ee3bb..d3817914 100644
--- a/app/templates/main/jobs/job.html.j2
+++ b/app/templates/main/jobs/job.html.j2
@@ -198,30 +198,42 @@
       </div>
 
       <span class="card-title">Files</span>
-      <table>
+      <div style="overflow-x:auto;">
+      <table class="highlight">
         <thead>
           <tr>
-              <th style="width: 50%;">Inputs</th>
-              <th style="width: 50%;">Results</th>
+              <th style="width: 25%;">Inputs</th>
+              <th style="width: 25%;"></th>
+              <th style="width: 25%;">Results</th>
+              <th style="width: 25%;"></th>
           </tr>
         </thead>
         <tbody>
           {% for file in files %}
+          <tr>
+            <td rowspan="4">
+              {{ file }}
+            </td>
+            <td rowspan="4">
+              <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>Download</a>
+            </td>
+          </tr>
+          {% for result in files[file]['results'] %}
           <tr>
             <td>
-              <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>
+              {{ result }}
             </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"><i class="material-icons left">file_download</i>{{ result }}</a>
-              {% endfor %}
+              <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>Download</a>
               {% endif %}
             </td>
           </tr>
           {% endfor %}
+          {% endfor %}
         </tbody>
       </table>
+      </div>
     </div>
   </div>
 </div>