From 9d7931f9850d7632bbcbf355fd009fe00ce89677 Mon Sep 17 00:00:00 2001
From: Bishal <69814108+CodeWithBishal@users.noreply.github.com>
Date: Thu, 5 Oct 2023 02:13:48 +0530
Subject: [PATCH] Pagination Added

---
 website/templates/list_view.html | 39 ++++++++++++++++++++++++--------
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/website/templates/list_view.html b/website/templates/list_view.html
index c99761be8..33ce85937 100644
--- a/website/templates/list_view.html
+++ b/website/templates/list_view.html
@@ -10,14 +10,24 @@ <h1 class="page-header">All {% if label %}{{ label }}{% endif %} issues{% if use
         <div class="col-md-12">
             <div class="text-center">
                 {% if page_obj.has_previous %}
-                    <a href="?page={{ page_obj.previous_page_number }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}"
-                       class="btn btn-default">Prev</a>
+                    <a href="?page=1{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}"
+                       class="btn btn-default">First</a>
+                {% else %}
+                    <button class="btn btn-default" disabled>First</button>
                 {% endif %}
-                <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>
+                {% for num in page_obj.paginator.page_range %}
+                    {% if num == page_obj.number %}
+                        <button class="btn btn-default" disabled>{{num}}</button>
+                    {% elif num > page_obj.number|add:"-5" and num < page_obj.number|add:"5" %}
+                        <a href="?page={{ num }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}" class="btn btn-default">{{num}}</a>
+                    {% endif %}
+                {% endfor %}
                 {% if page_obj.has_next %}
-                    <a href="?page={{ page_obj.next_page_number }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}"
-                       class="btn btn-default">Next</a>
+                    <a href="?page={{ page_obj.paginator.num_pages }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}" class="btn btn-default">Last</a>
+                {% else %}
+                    <button class="btn btn-default" disabled>Last</button>
                 {% endif %}
+                <div>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</div>
             </div>
         </div>
     {% endif %}
@@ -38,14 +48,23 @@ <h1 class="page-header">All {% if label %}{{ label }}{% endif %} issues{% if use
             <div class="col-md-12">
                 <div class="text-center">
                     {% if page_obj.has_previous %}
-                        <a href="?page={{ page_obj.previous_page_number }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}"
-                           class="btn btn-default">Prev</a>
+                        <a href="?page=1{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}" class="btn btn-default">First</a>
+                    {% else %}
+                        <button class="btn btn-default" disabled>First</button>
                     {% endif %}
-                    <span>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</span>
+                    {% for num in page_obj.paginator.page_range %}
+                        {% if num == page_obj.number %}
+                            <button class="btn btn-default" disabled>{{num}}</button>
+                        {% elif num > page_obj.number|add:"-5" and num < page_obj.number|add:"5" %}
+                            <a href="?page={{ num }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}" class="btn btn-default">{{num}}</a>
+                        {% endif %}
+                    {% endfor %}
                     {% if page_obj.has_next %}
-                        <a href="?page={{ page_obj.next_page_number }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}"
-                           class="btn btn-default">Next</a>
+                        <a href="?page={{ page_obj.paginator.num_pages }}{% if user %}&user={{ user }}{% endif %}{% if label %}&label={{ label }}{% endif %}" class="btn btn-default">Last</a>
+                    {% else %}
+                        <button class="btn btn-default" disabled>Last</button>
                     {% endif %}
+                        <div>Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}</div>
                 </div>
             </div>
         {% endif %}