Implemented todolist javascript sorting

1 files changed, 20 insertions, 16 deletions

diff --git a/templates/todolists/list.html b/templates/todolists/list.html
index 980328ab..6edf1324 100644
--- a/templates/todolists/list.html
+++ b/templates/todolists/list.html
@@ -9,22 +9,26 @@
 	{% endif %}
 		<h2 class="title">Package ToDo lists</h2>
 		<table class="results" width="100%">
-			<tr>
-				<th>Name</th>
-				<th>Creation Date</th>
-				<th>Creator</th>
-				<th>Description</th>
-				<th>Status</th>
-			</tr>
-		{% for list in lists %}
-            <tr class="{% cycle pkgr2,pkgr1 %}">
-				<td style="white-space:nowrap"><a href="/todo/{{ list.id }}/">{{ list.name }}</a></td>
-				<td>{{ list.date_added }}</td>
-				<td>{{ list.creator.get_full_name }}</td>
-				<td>{{ list.description }}</td>
-				<td>{% if list.complete %}<span style="color:blue">Complete</span>{% else %}<span style="color:red">Incomplete</span>{% endif %}</td>
-			</tr>
-		{% endfor %}
+            <thead>
+		    	<tr>
+                    <th>Name</th>
+                    <th>Creation Date</th>
+                    <th>Creator</th>
+                    <th>Description</th>
+                    <th>Status</th>
+                </tr>
+            </thead>
+            <tbody>
+            {% for list in lists %}
+                <tr class="{% cycle pkgr2,pkgr1 %}">
+                    <td style="white-space:nowrap"><a href="/todo/{{ list.id }}/">{{ list.name }}</a></td>
+                    <td>{{ list.date_added }}</td>
+                    <td>{{ list.creator.get_full_name }}</td>
+                    <td>{{ list.description }}</td>
+                    <td>{% if list.complete %}<span style="color:blue">Complete</span>{% else %}<span style="color:red">Incomplete</span>{% endif %}</td>
+                </tr>
+            {% endfor %}
+            </tbody>
 		</table>
 	</div>
 {% endblock %}