Add job bundle download preview

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>