From ef52b1452bef344ec90f0d88f3f7642f3ef6347f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Thu, 1 Dec 2011 23:46:51 +0100
Subject: [PATCH] add sortable data to table, and re odd/even columns after a
 filter (#1088)

---
 tabellio/webviews/deputy_listform.pt | 23 +++++++++++++++--------
 1 file changed, 15 insertions(+), 8 deletions(-)

diff --git a/tabellio/webviews/deputy_listform.pt b/tabellio/webviews/deputy_listform.pt
index cfe1750..5856617 100644
--- a/tabellio/webviews/deputy_listform.pt
+++ b/tabellio/webviews/deputy_listform.pt
@@ -67,21 +67,22 @@
 
         <table id="deputy-table" class="listing">
         <thead>
-         <th class="name nosort">Nom / Prénom</th>
+         <th class="name">Nom / Prénom</th>
          <th class="polgroup">Groupe</th>
          <th class="arrond">Arrondissement</th>
-         <th class="birth nosort">Naissance</th>
+         <th class="birth">Naissance</th>
         </thead>
         <tbody>
         <tr tal:repeat="entry view/sortedDeputies">
-         <td class="name"><a tal:attributes="href entry/id">
+         <td tal:attributes="class string:name sortabledata-${entry/sortname}"><a tal:attributes="href entry/id">
              <span class="lastname" tal:content="entry/lastname"/>
              <span class="firstname" tal:content="entry/firstname"/></a></td>
-         <td class="polgroup">
-           <span tal:condition="entry/polgroup" tal:attributes="class string:${entry/polgroup/to_object/id}" tal:content="entry/polgroup/to_object/title"></span>
-         </td>
-         <td class="arrond" tal:content="entry/district"></td>
-         <td class="birth" tal:content="entry/formatted_birthdate"></td>
+         <td tal:attributes="class string:polgroup sortabledata-${entry/polgroup/to_object/id}"
+             tal:condition="entry/polgroup">
+             <span tal:attributes="class entry/polgroup/to_object/id" tal:content="entry/polgroup/to_object/title"></span>
+         </td><td tal:condition="not: entry/polgroup"></td>
+         <td tal:attributes="class string:arrond sortabledata-${entry/district}" tal:content="entry/district"></td>
+         <td tal:attributes="class string:birth sortabledata-${entry/birthdate}" tal:content="entry/formatted_birthdate"></td>
          <td style="display: none" class="agerange"><span tal:attributes="class entry/agerange"/></td>
         </tr>
         </tbody>
@@ -165,6 +166,12 @@ jq('#deputy-search div a').click(
         });
 
 jq('#form-name input').keyup(refreshtable);
+jq(function() {
+  /* we bind it later, after table_sorter.js had its turn
+     (this is probably fragile) */
+  jq('table.listing:not(.nosort) thead th:not(.nosort)').click(
+    function() { console.log('ref'); refreshtable(); });
+});
 
 refreshtable();