From dabe0c6452ef6f0fdba7cfab0c05ec8abf3262fb Mon Sep 17 00:00:00 2001
From: Francesco Bellini <doc.open.dev@gmail.com>
Date: Wed, 25 Sep 2024 11:28:41 +0200
Subject: [PATCH] fix: mobile pagination ui/ux

---
 .../common/components/pagination.html         | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/common/templates/common/components/pagination.html b/common/templates/common/components/pagination.html
index 8bb900ca..84993531 100644
--- a/common/templates/common/components/pagination.html
+++ b/common/templates/common/components/pagination.html
@@ -51,6 +51,40 @@
       </li>
       {% endif %}
     </ul>
+  
+    <ul class="pagination-m pb-2">
+      {% if page_obj.number != 1 %}
+      <li class="page-item page-first">
+        <a href="?{% query_transform page=1 %}">
+          First
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.has_previous %}
+      <li class="page-item page-prev">
+        <a href="?{% query_transform page=page_obj.previous_page_number %}">
+          <i class="i-chevron-left"></i> Previous
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.has_next %}
+      <li class="page-item page-next">
+        <a href="?{% query_transform page=page_obj.next_page_number %}">
+          Next <i class="i-chevron-right"></i>
+        </a>
+      </li>
+      {% endif %}
+
+      {% if page_obj.number != page_obj.paginator.num_pages %}
+      <li class="page-item page-last">
+        <a href="?{% query_transform page=page_obj.paginator.num_pages %}">
+          Last
+        </a>
+      </li>
+      {% endif %}
+    </ul>
   {% endif %}
 
   <div class="mb-2 mb-lg-0 page-item text-center">
-- 
2.30.2