From 224c1071049243a0d47b22565398ceac2a094732 Mon Sep 17 00:00:00 2001
From: Gertjan van den Burg <gertjanvandenburg@gmail.com>
Date: Wed, 5 Jun 2019 17:18:43 +0100
Subject: Rename manage to manage_tasks

---
 app/templates/admin/manage.html       | 34 --------------------------
 app/templates/admin/manage_tasks.html | 45 +++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 34 deletions(-)
 delete mode 100644 app/templates/admin/manage.html
 create mode 100644 app/templates/admin/manage_tasks.html

(limited to 'app/templates')

diff --git a/app/templates/admin/manage.html b/app/templates/admin/manage.html
deleted file mode 100644
index 5c10e02..0000000
--- a/app/templates/admin/manage.html
+++ /dev/null
@@ -1,34 +0,0 @@
-{% extends "base.html" %}
-{% import 'bootstrap/wtf.html' as wtf %}
-
-{% block app_content %}
-<h1>Manage Tasks</h1>
-<div class="row">
-	<div class="col-md-4">
-		{{ wtf.quick_form(form, button_map={'assign': 'primary', 'delete': 'danger'}) }}
-	</div>
-</div>
-<br>
-<h1>Task Overview</h1>
-<article class="overview">
-	<table class="table table-striped">
-		<thead class="thead-dark">
-			<th scope="col">Task ID</th>
-			<th scope="col">Dataset Name</th>
-			<th scope="col">Username</th>
-			<th scope="col">Status</th>
-			<th scope="col">Completed On</th>
-		</thead>
-		{% for task in tasks %}
-		<tr>
-			<th scope="row">{{ task.id }}</th>
-			<td>{{ task.dataset.name }}</td>
-			<td>{{ task.user.username }}</td>
-			<td>{% if task.done %}Completed{% else %}Pending{% endif %}</td>
-			<td>{% if task.done %}{{ task.annotated_on }}{% else %}{% endif %}</td>
-		</tr>
-		{% endfor %}
-		</tr>
-	</table>
-</article>
-{% endblock %}
diff --git a/app/templates/admin/manage_tasks.html b/app/templates/admin/manage_tasks.html
new file mode 100644
index 0000000..eb83b6c
--- /dev/null
+++ b/app/templates/admin/manage_tasks.html
@@ -0,0 +1,45 @@
+{% extends "base.html" %}
+{% import 'bootstrap/wtf.html' as wtf %}
+
+{% block styles %}
+{{ super() }}
+<script src="//code.jquery.com/jquery-3.4.1.min.js"
+			  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+			  crossorigin="anonymous"></script>
+<link rel="stylesheet" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
+<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+{% endblock %}
+
+{% block app_content %}
+<h1>Manage Tasks</h1>
+<div class="row">
+	<div class="col-md-4">
+		{{ wtf.quick_form(form, button_map={'assign': 'primary', 'delete': 'danger'}) }}
+	</div>
+</div>
+<br>
+<h1>Task Overview</h1>
+<article class="overview">
+	<table id="tasks" class="table table-striped">
+		<thead class="thead-dark">
+			<th scope="col">Task ID</th>
+			<th scope="col">Dataset Name</th>
+			<th scope="col">Username</th>
+			<th scope="col">Status</th>
+			<th scope="col">Completed On</th>
+		</thead>
+		{% for task in tasks %}
+		<tr>
+			<th scope="row">{{ task.id }}</th>
+			<td>{{ task.dataset.name }}</td>
+			<td>{{ task.user.username }}</td>
+			<td>{% if task.done %}Completed{% else %}Pending{% endif %}</td>
+			<td>{% if task.done %}{{ task.annotated_on }}{% else %}{% endif %}</td>
+		</tr>
+		{% endfor %}
+		</tr>
+	</table>
+</article>
+
+<script>$(document).ready(function() { $('#tasks').DataTable(); });</script>
+{% endblock %}
-- 
cgit v1.2.3