Adds a toggle button and a larger click target to toggle people in the ML/directory...

diff --git a/ChangeLog b/ChangeLog
index 164bcfd..2ab6115 100644 (file)
--- a/ChangeLog
+++ b/ChangeLog
@@ -12,6 +12,9 @@ Bug/Wish:
         - #791: Adds the possibility to do an exact search                 -JAC
         - #822: Adds the possibility to search on diplomas                 -JAC
 
+    * XnetList:
+        - #914: Adds a toggle button in the ML/directory sync. page        -JAC
+
 ================================================================================
 VERSION 0.9.17                                                        19 07 2008
 

diff --git a/templates/xnetlists/sync.tpl b/templates/xnetlists/sync.tpl
index 4c313f4..5916750 100644 (file)
--- a/templates/xnetlists/sync.tpl
+++ b/templates/xnetlists/sync.tpl
@@ -28,13 +28,15 @@
   <table cellspacing="2" cellpadding="0" class="tiny">
     <tr>
       <th colspan="2">Membre</th>
-      <th></th>
+      <th>
+        <a href="javascript:toggleAll()">{icon name="arrow_refresh" title="Tout (dé)cocher"}</a>
+      </th>
     </tr>
     {foreach from=$not_in_list item=u}
     <tr>
-      <td><label for="add{$u.email}">{$u.nom|strtoupper} {$u.prenom}</label></td>
-      <td><label for="add{$u.email}">{$u.promo}</label></td>
-      <td><input type="checkbox" name="add[{$u.email}]" id="add{$u.email}"/></td>
+      <td class='checkboxToggle'>{$u.nom|strtoupper} {$u.prenom}</td>
+      <td class='checkboxToggle'>{$u.promo}</td>
+      <td class='checkboxToggle'><input type="checkbox" class="moderate_email" name="add[{$u.email}]" id="add{$u.email}"/></td>
     </tr>
     {/foreach}
     <tr>
@@ -44,6 +46,32 @@
     </tr>
   </table>
 
+  <script type="text/javascript">//<![CDATA[
+  {literal}
+  var toggleState = false;
+  function toggleAll() {
+    toggleState = !toggleState;
+    var boxes = $(":checkbox.moderate_email");
+    if (toggleState) {
+      boxes.attr("checked", "checked");
+    } else {
+      boxes.removeAttr("checked");
+    }
+  }
+
+  $('.checkboxToggle').click(function (event) {
+    // Don't uncheck the checkbox when clicking it
+    if (event.target.tagName === 'INPUT') {
+      return;
+    }
+
+    var checkbox = $(this).parent().find(':checkbox');
+    checkbox = checkbox.attr('checked', !checkbox.attr('checked'));
+    event.stopPropagation();
+  });
+  {/literal}
+  //]]></script>
+
 </form>
 
 {* vim:set et sw=2 sts=2 sws=2 enc=utf-8: *}