_pagination.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435
  1. {% load mathfilters %}
  2. {% if page_obj.has_other_pages %}
  3. <div class="pagination">
  4. <nav aria-label="Page navigation">
  5. <ul class="pagination">
  6. {% if page_obj.has_previous %}
  7. <li class="page-item">
  8. <a class="page-link" href="?page={{page_obj.number|sub:1}}" aria-label="Previous">
  9. <span aria-hidden="true">&laquo;</span>
  10. <span class="sr-only">Previous</span>
  11. </a>
  12. </li>
  13. {% endif %}
  14. {% for i in page_obj.paginator.page_range %}
  15. {% if page_obj.number == i %}
  16. <li class="page-item active">
  17. <a class="page-link" href="#">{{i}} <span class="sr-only">(current)</span></a>
  18. </li>
  19. {% else %}
  20. <li class="page-item"><a class="page-link" href="?page={{i}}">{{i}}</a></li>
  21. {% endif %}
  22. {% endfor %}
  23. {% if page_obj.has_next %}
  24. <li class="page-item">
  25. <a class="page-link" href="?page={{page_obj.number|add:1}}" aria-label="Next">
  26. <span aria-hidden="true">&raquo;</span>
  27. <span class="sr-only">Next</span>
  28. </a>
  29. </li>
  30. {% endif %}
  31. </ul>
  32. </nav>
  33. </div>
  34. {% endif %}