add pagination to news list

systers_portal/blog/views.py

@@ -16,7 +16,7 @@ class CommunityNewsListView(UserDetailsMixin, CommunityMenuMixin,
     """List of Community news view"""
     template_name = "blog/news_list.html"
     page_slug = 'news'
-    # TODO: add pagination
+    paginate_by = 5
 
     def get(self, request, *args, **kwargs):
         self.object = self.get_object(queryset=Community.objects.all())

systers_portal/templates/blog/news_list.html

@@ -24,6 +24,7 @@ <h3 class="title"><a href="{{ news.get_absolute_url }}">{{ news.title }}</a></h3
       </div>
       <hr>
     {% endfor %}
+    {% include "blog/snippets/pagination.html" %}
   </div>
 {% endblock %}
 

systers_portal/templates/blog/snippets/pagination.html

@@ -0,0 +1,39 @@
+{% if is_paginated %}
+  <nav>
+    <ul class="pagination">
+      {% if page_obj.has_previous %}
+        <li>
+          <a href="?page={{ page_obj.previous_page_number }}" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+      {% else %}
+        <li class="disabled">
+          <a href="#" aria-label="Previous">
+            <span aria-hidden="true">&laquo;</span>
+          </a>
+        </li>
+      {% endif %}
+
+      {% for page in paginator.page_range %}
+        <li {% if page == page_obj.number %}class="active"{% endif %}>
+          <a href="?page={{ page }}">{{ page }}</a>
+        </li>
+      {% endfor %}
+
+      {% if page_obj.has_next %}
+        <li>
+          <a href="?page={{ page_obj.next_page_number }}" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      {% else %}
+        <li {% if not page_obj.has_next %}class="disabled"{% endif %}>
+          <a href="#" aria-label="Next">
+            <span aria-hidden="true">&raquo;</span>
+          </a>
+        </li>
+      {% endif %}
+    </ul>
+  </nav>
+{% endif %}