euscanwww: tweak the new handler code

Signed-off-by: Corentin Chary <corentin.chary@gmail.com>

euscanwww/djeuscan/templates/euscan/statistics.html

@@ -2,36 +2,34 @@
 
 {% load url from future %}
 
+{% block css %}
+{{ block.super }}
+<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/table.css" media="screen" title="Normal" />
+{% endblock %}
+
+
+{% block javascript %}
+{{ block.super }}
+<script type="text/javascript" language="javascript" src="{{STATIC_URL}}js/jquery.js"></script>
+<script type="text/javascript" language="javascript" src="{{STATIC_URL}}js/jquery.dataTables.js"></script>
+
+<script type="text/javascript" charset="utf-8">
+  $(document).ready(function() {
+    $('#table').dataTable( {
+     "bPaginate": false,
+     "bInfo": false,
+     "bStateSave": true,
+     "sCookiePrefix": "datatables_"
+    } );
+  });
+</script>
+{% endblock %}
+
+
 {% block content %}
 <h2>Statistics</h2>
 
-<hr>
-
-<h3>Handlers</h3>
-<table class="table">
-  <thead>
-    <tr>
-      <th></th>
-      <th># of found versions</th>
-      <th>average confidence</th>
-    </tr>
-  </thead>
-  <tbody>
-    {% for handler in handlers %}
-      <tr>
-        <td>
-          <a href="{% url "statistics_handler" handler.handler %}">
-            {{ handler.handler }}
-          </a>
-        </td>
-        <td>{{ handler.n }}</td>
-        <td>{{ handler.avg_conf }}</td>
-      </tr>
-    {% endfor %}
-  </tbody>
-</table>
-
-<hr>
+<hr />
 
 <h3>Current statistics</h3>
 <img alt="pie versions" src="{% url "chart" 'pie-versions' %}" />
@@ -45,4 +43,30 @@
 <img alt="versions weekly" src="{% url "chart" 'versions-weekly' %}" />
 <img alt="versions monthly" src="{% url "chart" 'versions-monthly' %}" />
 
+<hr />
+
+<h3>Handlers</h3>
+<table id="table" class="display">
+  <thead>
+    <tr>
+      <th>Handler</th>
+      <th># of found versions</th>
+      <th>Average confidence</th>
+    </tr>
+  </thead>
+  <tbody>
+    {% for handler in handlers %}
+      <tr>
+        <td>
+	  <a href="{% url "statistics_handler" handler.handler %}">
+	    {{ handler.handler }}
+          </a>
+        </td>
+        <td>{{ handler.n }}</td>
+        <td>{{ handler.avg_conf }}</td>
+      </tr>
+    {% endfor %}
+  </tbody>
+</table>
+
 {% endblock %}