1 files changed, 40 insertions, 0 deletions
diff --git a/app/templates/admin/manage_datasets.html b/app/templates/admin/manage_datasets.html
index 20d6d9e..f14fe81 100644
--- a/app/templates/admin/manage_datasets.html
+++ b/app/templates/admin/manage_datasets.html
@@ -2,6 +2,39 @@
 
 {% block app_content %}
 <h1>Manage Datasets</h1>
+
+<div class="col-lg-3">
+    <div class="row">
+        <form class="form" action="" method="POST">
+            {{ form.hidden_tag() }}
+            {{ form.dataset  }}
+            {{ form.delete(hidden='true', id='form-submit') }}
+            <!-- Button trigger modal -->
+            <button type="button" class="btn btn-danger" data-toggle="modal" data-target="#deleteModal">
+            Delete
+            </button>
+        </form>
+    </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="deleteModalLabel" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+	<h5 class="modal-title" id="deleteModalLabel">Delete Dataset</h5>
+      </div>
+      <div class="modal-body">
+	You are about to delete the dataset <span id="dataset-name"></span> <b>and</b> all associated tasks and annotations. Are you sure?
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
+        <button type="button" class="btn btn-success success" id="modal-confirm">Confirm</button>
+      </div>
+    </div>
+  </div>
+</div>
+
 <br>
 <h1>Task Completion Overview</h1>
 <article class="overview">
@@ -25,4 +58,11 @@
 		</tr>
 	</table>
 </article>
+
+<script>
+var conf = document.getElementById("modal-confirm");
+conf.onclick = function() {
+	document.getElementById("form-submit").click();
+};
+</script>
 {% endblock %}