isotests: make the various pages a bit more useful

Instructions are nice, as are links to other pages that actually flow
with the style of the rest of the site. Also fix the styling of the
labels on the results entry page as it looked a bit funky before.

Signed-off-by: Dan McGee <dan@archlinux.org>

1 files changed, 31 insertions, 22 deletions

diff --git a/templates/isotests/result_list.html b/templates/isotests/result_list.html
index 06042b1c..ac0475b6 100644
--- a/templates/isotests/result_list.html
+++ b/templates/isotests/result_list.html
@@ -1,34 +1,43 @@
 {% extends "base.html" %}
 
 {% block content %}
-<a href="/isotests/">Go back to results</a>
-<a href="/isotests/add/">Give feedback</a>
-
 <div class="box">
-    <h2>
-        Results for :
+    <h2>Results for:
         {% if option %}
         {{ option }}: {{ value }}
         {% endif %}
-
-        {% if iso_name %}
-        {{ iso_name }}
-        {% endif %}
+        {{ iso_name|default:"" }}
     </h2>
 
-    <table>
-        <tr>
-            <th>iso</th>
-            <th>nickname</th>
-            <th>success?</th>
-        </tr>
-        {% for test in test_list %}
-        <tr>
-            <td>{{ test.iso.name }}</td>
-            <td>{{ test.user_name }}</td>
-            <td>{{ test.success|yesno }}</td>
-        </tr>
-        {% endfor %}
+    <p><a href="/isotests/">Go back to testing results</a></p>
+
+    <table id="releng-result" class="results">
+        <thead>
+            <tr>
+                <th>Iso</th>
+                <th>Submitted By</th>
+                <th>Date Submitted</th>
+                <th>Success</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for test in test_list %}
+            <tr>
+                <td>{{ test.iso.name }}</td>
+                <td>{{ test.user_name }}</td>
+                <td>{{ test.created|date }}</td>
+                <td>{{ test.success|yesno }}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
     </table>
 </div>
+{% load cdn %}{% jquery %}
+<script type="text/javascript" src="/media/jquery.tablesorter.min.js"></script>
+<script type="text/javascript" src="/media/archweb.js"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+    $(".results:not(:has(tbody tr.empty))").tablesorter({widgets: ['zebra']});
+});
+</script>
 {% endblock %}