From 1d0522ea2d9197b1c4e9a051b829a8bfadf40115 Mon Sep 17 00:00:00 2001
From: Matthew Lemon <y@yulqen.org>
Date: Sun, 1 Sep 2024 20:15:55 +0100
Subject: Added pagination to the resource list page

---
 .../templates/resources/resource_list.html         | 48 ++++++++++++++++++++--
 1 file changed, 45 insertions(+), 3 deletions(-)

(limited to 'pyblackbird_cc/templates')

diff --git a/pyblackbird_cc/templates/resources/resource_list.html b/pyblackbird_cc/templates/resources/resource_list.html
index cfe5ba3..2ef0d48 100644
--- a/pyblackbird_cc/templates/resources/resource_list.html
+++ b/pyblackbird_cc/templates/resources/resource_list.html
@@ -7,7 +7,7 @@
 {% block content %}
 
     <div class="row my-4">
-            {% include "resources/admin_bar.html" %}
+        {% include "resources/admin_bar.html" %}
     </div>
 
     {# featured resources #}
@@ -34,7 +34,7 @@
     {% endif %}
 
 {# standard resources #}
-{% if resource_list %}
+{% if page_obj.object_list %}
     <div class="row my-4 text-center">
         <div class="col">
             <h5 class="display-6">Standard resources</h5>
@@ -42,10 +42,52 @@
     </div>
 
     <div class="d-flex flex-row flex-wrap">
-        {% for resource in resource_list %}
+        {% for resource in page_obj.object_list %}
             {% include "resources/resource_card_standard.html" with resource=resource %}
         {% endfor %}
     </div>
+
+    {% if page_obj.has_other_pages %}
+        <div class="row my-4">
+            <div class="col">
+                <nav aria-label="Page navigation">
+                    <ul class="pagination justify-content-center">
+                        {% if page_obj.has_previous %}
+                            <li class="page-item">
+                                <a class="page-link" href="?page={{ page_obj.previous_page_number }}">Previous</a>
+                            </li>
+                        {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link">Previous</span>
+                            </li>
+                        {% endif %}
+
+                        {% for page_num in page_obj.paginator.page_range %}
+                            {% if page_obj.number == page_num %}
+                                <li class="page-item active">
+                                    <span class="page-link">{{ page_num }}</span>
+                                </li>
+                            {% else %}
+                                <li class="page-item">
+                                    <a class="page-link" href="?page={{ page_num }}">{{ page_num }}</a>
+                                </li>
+                            {% endif %}
+                        {% endfor %}
+
+                        {% if page_obj.has_next %}
+                            <li class="page-item">
+                                <a class="page-link" href="?page={{ page_obj.next_page_number }}">Next</a>
+                            </li>
+                        {% else %}
+                            <li class="page-item disabled">
+                                <span class="page-link">Next</span>
+                            </li>
+                        {% endif %}
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    {% endif %}
 {% else %}
     <p>There are no resources</p>
 {% endif %}
-- 
cgit v1.2.3