From 18fad11e59b505278d12c5a2736a979c901b9900 Mon Sep 17 00:00:00 2001
From: Mat <mat@collectifs.net>
Date: Wed, 23 May 2018 21:14:33 +0200
Subject: [PATCH] test en console les boutons de tri par colonne et le select
 de pagination

---
 .../views/Ajax/Membre/mainDisplay.html.twig   | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
index f6d3743..e2e1a3c 100755
--- a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
+++ b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig
@@ -69,7 +69,7 @@
                     <a href="javascript: void(0);" id="association" class="btn-sort">Association</a>
                 </th>
                 <th scope="col">
-                    <a href="javascript: void(0);" id="action" class="btn-sort">Action</a>
+                    <a>Action</a>
                 </th>
             </tr>
         </thead>
@@ -216,15 +216,23 @@
         form);
     });
 
-    let stepform = document.querySelector('form#pagination');
+    let stepform = document.querySelector('form#pagination select');
     stepform.addEventListener('change', function(e) {
-        console.log('change pagination');
+
+        step = this.value;
+        console.log('change step='+ step);
+        console.log();
+
     });
 
-    let columns = ['id', 'firstname', 'lastname', 'email'];
-    columns.forEach(function(column) {
-        column.addEventListener('click', function(e) {
-            console.log('toggle column');
+    let columns = document.querySelectorAll('th[scope="col"] a.btn-sort');
+    columns.forEach(function(column)
+    {
+        let col = column.getAttribute('id');
+        column.addEventListener('click', function(e)
+        {
+            console.log('toggle id='+ col+ ' order='+ order);
+            order = (order === 'ASC') ? 'DESC' : 'ASC';
         });
     });
 
-- 
GitLab