From 0b22d46f265751d6e7a5d02db713d8b1c3c5eb39 Mon Sep 17 00:00:00 2001 From: Mat Date: Thu, 24 May 2018 12:46:46 +0200 Subject: [PATCH] pagination wip.. --- .../views/Ajax/Membre/mainDisplay.html.twig | 36 +++++++++++++++---- 1 file changed, 30 insertions(+), 6 deletions(-) diff --git a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig index cda81a9..91871ef 100755 --- a/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig +++ b/src/AssoBundle/Resources/views/Ajax/Membre/mainDisplay.html.twig @@ -219,20 +219,44 @@ */ let pageNav = document.querySelector('nav#pagenav ul.pagination'); - //let pageItem = document.createElement('li'); - //pageItem.classList.add('page-item'); - //pageNav.appendChild(pageItem); AJAX('GET', Routing.generate('api_membre_read_paginate'), function(request) { + pageNav.innerHTML = null; let json = JSON.parse(request.responseText); let total = json.length; let perPage = paginate.step; - console.log('parPage:' + perPage + ' total:' + total); - if (total > perPage) { + //console.log('parPage:' + perPage + ' total:' + total); + if (total > perPage) + { let nbPages = total % perPage; - console.log(nbPages + ' pages'); + //console.log(nbPages + ' pages'); + + currentPage = paginate.page; + //console.log('page courante: '+ currentPage); + + for (var i = 1; i <= nbPages; i++) + { + + let pageItem = document.createElement('li'); + pageItem.classList.add('page-item', (i === currentPage) ? 'active' : null); + + let pageItemChild = document.createElement((i === currentPage) ? 'span' : 'a'); + pageItemChild.classList.add('page-link'); + pageItemChild.textContent = i; + if (i !== currentPage) { + paginate.page = i; + pageItemChild.addEventListener('click', function(e) + { + console.log(paginate); + reloadTableMembre(paginate); + }); + } + + pageItem.appendChild(pageItemChild); + pageNav.appendChild(pageItem); + } } else { let nbPages = 1; console.log(nbPages + ' seule page'); -- GitLab