From 59866dea978e7d96595752e5ae349fa663f67df4 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Tue, 28 Jan 2020 16:42:40 +0100
Subject: [PATCH] Add job bundle download preview

---
 app/templates/jobs/job.html.j2 | 85 ++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)

diff --git a/app/templates/jobs/job.html.j2 b/app/templates/jobs/job.html.j2
index dd6d75f0..490a1060 100644
--- a/app/templates/jobs/job.html.j2
+++ b/app/templates/jobs/job.html.j2
@@ -73,6 +73,91 @@
 </div>
 
 <div class="col s12">
+  <h4>Input and result files</h4>
+</div>
+
+<div class="col s12 m8">
+  <div class="card">
+    <div class="card-content">
+      <span class="card-title">Filewise</span>
+      <table class="highlight responsive-table">
+        <thead>
+          <tr>
+            <th>Filename</th>
+            <th>Download</th>
+            <th>Result</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for input in job.inputs %}
+          <tr>
+            <td id="input-{{ input.id }}-filename">{{ input.filename }}</td>
+            <td id="input-{{ input.id }}-download">
+              <a class="waves-effect waves-light btn" download href="{{ url_for('jobs.download_job_input', job_id=job.id, job_input_id=input.id) }}">
+                <i class="material-icons">file_download</i>
+              </a>
+            </td>
+            <td id="input-{{ input.id }}-results"></td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+<div class="col s12 m4">
+  <div class="card">
+    <div class="card-content">
+      <span class="card-title">Bundled</span>
+      <table class="highlight responsive-table">
+        <thead>
+          <tr>
+            <th>Bundlename</th>
+            <th>Download</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>AIO-Bundle</td>
+            <td>
+              <a class="waves-effect waves-light btn" download href="">
+                <i class="material-icons">file_download</i>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td>PDF-Bundle</td>
+            <td>
+              <a class="waves-effect waves-light btn" download href="">
+                <i class="material-icons">file_download</i>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td>TXT-Bundle</td>
+            <td>
+              <a class="waves-effect waves-light btn" download href="">
+                <i class="material-icons">file_download</i>
+              </a>
+            </td>
+          </tr>
+          <tr>
+            <td>XML-Bundle</td>
+            <td>
+              <a class="waves-effect waves-light btn" download href="">
+                <i class="material-icons">file_download</i>
+              </a>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
+</div>
+
+
+<div class="col s12 hide">
   <div class="card">
     <div class="card-content">
       <span class="card-title">Files</span>