From 6f47666205d755db643c2e133e4eee7940c3155a Mon Sep 17 00:00:00 2001
From: dbroqua <contact@darkou.fr>
Date: Tue, 22 Feb 2022 08:38:37 +0100
Subject: [PATCH] #issue13

---
 views/pages/mon-compte/ma-collection.ejs | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/views/pages/mon-compte/ma-collection.ejs b/views/pages/mon-compte/ma-collection.ejs
index 71dd2dd..6f83b71 100644
--- a/views/pages/mon-compte/ma-collection.ejs
+++ b/views/pages/mon-compte/ma-collection.ejs
@@ -73,9 +73,23 @@
         <a class="pagination-previous" :class="{'is-disabled': page === 1}" @click="previous">Précédent</a>
         <a class="pagination-next" :class="{'is-disabled': !total || (page*limit) >= total}" @click="next">Suivant</a>
         <ul class="pagination-list">
-            <li v-for="p in Array.from({length: totalPages}, (v, i) => (i+1))">
-                <a class="pagination-link" :class="{'is-current': p === page}" @click="goTo(p)" aria-label="Goto page 1">{{ p }}</a>
-            </li>
+            <template v-for="p in Array.from({length: totalPages}, (v, i) => (i+1))">
+                <template v-if="page >= 8 && p === 4">
+                    <li>
+                        <a class="pagination-link is-disabled">…</a>
+                    </li>
+                </template>
+                <template v-if="p <= 3 || p > (totalPages - 3) || (p >= (page - 3) && p <= (page + 3))">
+                    <li>
+                        <a class="pagination-link" :class="{'is-current': p === page}" @click="goTo(p)" aria-label="Aller à la page {{p}}">{{ p }}</a>
+                    </li>
+                </template>
+                <template v-if="page >= 8 && p === totalPages - 4 && page <= totalPages - 7">
+                    <li>
+                        <a class="pagination-link is-disabled">…</a>
+                    </li>
+                </template>
+            </template>
         </ul>
     </nav>