From 3f3a20777f08152730b6de8ce8df657cf518f138 Mon Sep 17 00:00:00 2001
From: Jonathan DeMasi <jrdemasi@gmail.com>
Date: Sun, 8 Mar 2020 11:33:40 -0600
Subject: blog index pagination good to go

---
 blog/templates/blog/blog_index_page.html | 57 ++++++++++----------------------
 1 file changed, 18 insertions(+), 39 deletions(-)

diff --git a/blog/templates/blog/blog_index_page.html b/blog/templates/blog/blog_index_page.html
index 34ba2cf..3a36238 100644
--- a/blog/templates/blog/blog_index_page.html
+++ b/blog/templates/blog/blog_index_page.html
@@ -39,48 +39,27 @@
         {% endfor %}
 
         <!-- Pagination -->
+        {% if blogpages.paginator.num_pages > 1 %}
         <ul class="pagination justify-content-center mb-4">
-          <li class="page-item">
-            <a class="page-link" href="#">&larr; Older</a>
+        {% if blogpages.has_previous %}
+          <li class="page-item">	            
+            <a class="page-link" href="?page={{ blogpages.previous_page_number }}">&larr; Newer</a>
           </li>
-          <li class="page-item disabled">
-            <a class="page-link" href="#">Newer &rarr;</a>
+        {% else %}
+        <li class="page-item disabled">	            
+          <a class="page-link" href="#">&larr; Newer</a>
+        </li>
+        {% endif %}
+        {% if blogpages.has_next %}
+          <li class="page-item">	            
+            <a class="page-link" href="?page={{ blogpages.next_page_number }}">Older &rarr;</a>
           </li>
-        </ul>
-	  {# Only show pagination if there is more than one page to click through #}
-	  {% if blogpages.paginator.num_pages > 1 %}
-	    <div class="container">
-	      <div class="row">
-	        <div class="col-lg-12">
-	          <div class="pagination">
-	            {% if blogpages.has_previous %}
-	              <li class="page-item">
-	                <a href="?page={{ blogpages.previous_page_number }}" class="page-link">
-	                  <span>&laquo;</span>
-	                </a>
-	              </li>
-	            {% endif %}
-	 
-	            {% for page_num in blogpages.paginator.page_range %}
-	              <li class="page-item {% if page_num == blogpages.number %} active{% endif %}">
-	                <a href="?page={{ page_num }}" class="page-link">
-	                  {{ page_num }}
-	                </a>
-	              </li>
-	            {% endfor %}
-	 
-	            {% if blogpages.has_next %}
-	              <li class="page-item">
-	                <a href="?page={{ blogpages.next_page_number }}" class="page-link">
-	                  <span>&raquo;</span>
-	                </a>
-	              </li>
-	            {% endif %}
-	          </div>
-	        </div>
-	      </div>
-	    </div>
-	  {% endif %}
+        {% else %}
+        <li class="page-item disabled">	            
+          <a class="page-link" href="#">Older &rarr;</a>
+        </li>
+        {% endif %}
+        {% endif %}
 
       </div>
 
-- 
cgit v1.2.3