Delete a job.

Activate the UI element allowing the user to delete a chosen job.

2 files changed, 88 insertions, 2 deletions

diff --git a/uploader/templates/background-jobs/delete-job.html b/uploader/templates/background-jobs/delete-job.html
new file mode 100644
index 0000000..6dc2144
--- /dev/null
+++ b/uploader/templates/background-jobs/delete-job.html
@@ -0,0 +1,86 @@
+{%extends "background-jobs/base.html"%}
+{%from "flash_messages.html" import flash_all_messages%}
+
+{%block title%}Background Jobs{%endblock%}
+
+{%block pagetitle%}Background Jobs{%endblock%}
+
+{%block breadcrumbs%}
+{{super()}}
+<li class="breadcrumb-item">
+  <a href="{{url_for('background-jobs.job_summary', job_id=job.job_id)}}">
+    summary
+  </a>
+</li>
+{%endblock%}
+
+{%block contents%}
+{{flash_all_messages()}}
+
+<div class="row">
+  <h2 class="heading">background jobs: delete?</h2>
+
+  <p class="text-danger">Are you sure you want to delete the job below?</p>
+
+  <table class="table">
+    <thead>
+    </thead>
+
+    <tbody>
+      <tr>
+        <th class="table-primary">Job ID</th>
+        <td>{{job.job_id}}</td>
+      </tr>
+      <tr>
+        <th class="table-primary">Type</th>
+        <td>{{job.metadata["job-type"]}}</td>
+      </tr>
+      <tr>
+        <th class="table-primary">Created</th>
+        <td>{{display_datetime(job.created)}}</td>
+      </tr>
+      <tr>
+        <th class="table-primary">Expires</th>
+        <td>{{display_datetime(job.expires)}}</td>
+      </tr>
+      <tr>
+        <th class="table-primary">Status</th>
+        <td>{{job.metadata.status}}</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
+<div class="row">
+  <form id="frm-delete-job"
+        method="POST"
+        action="{{url_for('background-jobs.delete_single', job_id=job.job_id)}}">
+    <div class="row">
+      <div class="col">
+        <input type="submit"
+               class="btn btn-info"
+               value="cancel"
+               name="btn-confirm-delete" />
+      </div>
+      <div class="col">
+        <input type="submit"
+               class="btn btn-danger"
+               value="delete"
+               name="btn-confirm-delete" />
+      </div>
+    </div>
+  </form>
+</div>
+{%endblock%}
+
+
+{%block sidebarcontents%}
+<div class="row">
+  <h6 class="subheading">What is this?</h6>
+</div>
+<div class="row">
+  <p>Confirm whether or not you want to delete job
+    <strong>{{job.job_id}}</strong>.</p>
+</div>
+{{super()}}
+{%endblock%}
diff --git a/uploader/templates/background-jobs/job-summary.html b/uploader/templates/background-jobs/job-summary.html
index 3020b30..cffa785 100644
--- a/uploader/templates/background-jobs/job-summary.html
+++ b/uploader/templates/background-jobs/job-summary.html
@@ -57,8 +57,8 @@
   </div>
 
   <div class="col">
-    <a href="#"
-       class="btn btn-danger not-implemented"
+    <a href="{{url_for('background-jobs.delete_single', job_id=job.job_id)}}"
+       class="btn btn-danger"
        title="Delete this job.">delete</a>
   </div>
 </div>