Page MenuHome
Differential D11410 Diff 37550 common/templates/common/components/navigation/pagination.html

Changeset View

Standalone View

View Options

common/templates/common/components/navigation/pagination.html

<nav> <nav>
<ul class="pagination mb-0"> <ul class="pagination mb-0">
{% if page_obj.has_previous %} {% if page_obj.has_previous %}
{% comment %} <li class="page-item"> {% comment %} <li class="page-item">
<a href="?page=1" class="page-link">First</a> <a href="?page=1" class="page-link">First</a>
</li> {% endcomment %} </li> {% endcomment %}
<li class="page-item"> <li class="page-item">
<a href="?page={{ page_obj.previous_page_number }}" class="page-link">Previous</a> <a href="?page={{ page_obj.previous_page_number }}" class="page-link">Previous</a>
</li> </li>
{% if not page_obj.previous_page_number == 1 %} {% if not page_obj.previous_page_number == 1 %}
<li class="page-item"> <li class="page-item">
<a href="?page=1" class="page-link">1</a> <a href="?page=1" class="page-link">1</a>
</li> </li>
<li class="page-item disabled"> <li class="page-item disabled">
<span class="page-link">...</span> <span class="page-link">...</span>
</li> </li>
{% endif %} {% endif %}
<li class="page-item"> <li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}">{{ page_obj.previous_page_number }}</a> <a class="page-link" href="?page={{ page_obj.previous_page_number }}">{{ page_obj.previous_page_number }}</a>
</li> </li>
{% else %} {% else %}
{% comment %} <li class="page-item disabled"> {% comment %} <li class="page-item disabled">
<span class="page-link">First</span> <span class="page-link">First</span>
</li> {% endcomment %} </li> {% endcomment %}
<li class="page-item disabled"> <li class="page-item disabled">
<span class="page-link">Prev</span> <span class="page-link">Prev</span>
</li> </li>
{% endif %} {% endif %}
<li class="page-item active" aria-current="page"> <li class="page-item active" aria-current="page">
<span class="page-link"> <span class="page-link">
{{ page_obj.number }} {{ page_obj.number }}
<span class="sr-only">(current)</span> <span class="sr-only">(current)</span>
</span> </span>
</li> </li>
{% if page_obj.has_next %} {% if page_obj.has_next %}
<li class="page-item"> <li class="page-item">
<a class="page-link" href="?page={{ page_obj.next_page_number }}">{{ page_obj.next_page_number }}</a> <a class="page-link" href="?page={{ page_obj.next_page_number }}">{{ page_obj.next_page_number }}</a>
</li> </li>
{% if not page_obj.next_page_number == page_obj.paginator.num_pages %} {% if not page_obj.next_page_number == page_obj.paginator.num_pages %}
<li class="page-item disabled"> <li class="page-item disabled">
<span class="page-link">...</span> <span class="page-link">...</span>
</li> </li>
<li class="page-item"> <li class="page-item">
<a href="?page={{ page_obj.paginator.num_pages }}" class="page-link">{{ page_obj.paginator.num_pages }}</a> <a href="?page={{ page_obj.paginator.num_pages }}" class="page-link">{{ page_obj.paginator.num_pages }}</a>
</li> </li>
{% endif %} {% endif %}
<li class="page-item"> <li class="page-item">
<a href="?page={{ page_obj.next_page_number }}" class="page-link">Next</a> <a href="?page={{ page_obj.next_page_number }}" class="page-link">Next</a>
</li> </li>
{% comment %} <li class="page-item"> {% comment %} <li class="page-item">
<a href="?page={{ page_obj.paginator.num_pages }}" class="page-link">Last</a> <a href="?page={{ page_obj.paginator.num_pages }}" class="page-link">Last</a>
</li> {% endcomment %} </li> {% endcomment %}
{% else %} {% else %}
<li class="page-item disabled"> <li class="page-item disabled">
<span class="page-link">Next</span> <span class="page-link">Next</span>
</li> </li>
{% comment %} <li class="page-item disabled"> {% comment %} <li class="page-item disabled">
<span class="page-link">Last</span> <span class="page-link">Last</span>
</li> {% endcomment %} </li> {% endcomment %}
{% endif %} {% endif %}
</ul> </ul>
</nav> </nav>