passion_retro/templates/components/paginator.html
2025-09-12 11:11:44 +02:00

69 lines
No EOL
2.8 KiB
HTML
Executable file

{% if is_paginated %}
<nav aria-label="Page navigation">
<ul class="pagination">
{% if page_obj.number > 1 %}
<li class="page-item">
<a class="page-link" href="?page=1" aria-label="First">
<span aria-hidden="true">&laquo;</span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-label="First">
<span aria-hidden="true">&laquo;</span>
</span>
</li>
{% endif %}
{% if page_obj.has_previous %}
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}" aria-label="Previous">
<span aria-hidden="true"><</span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-label="Previous">
<span aria-hidden="true"><</span>
</span>
</li>
{% endif %}
{% for num in paginator.page_range %}
{% if page_obj.number == num %}
<li class="page-item active"><span class="page-link">{{ num }}</span></li>
{% elif num > page_obj.number|add:'-3' and num < page_obj.number|add:'3' %}
<li class="page-item"><a class="page-link" href="?page={{ num }}">{{ 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 }}" aria-label="Next">
<span aria-hidden="true">></span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-label="Next">
<span aria-hidden="true">></span>
</span>
</li>
{% endif %}
{% if page_obj.number < paginator.num_pages %}
<li class="page-item">
<a class="page-link" href="?page={{ paginator.num_pages }}" aria-label="Last">
<span aria-hidden="true">&raquo;</span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-label="Last">
<span aria-hidden="true">&raquo;</span>
</span>
</li>
{% endif %}
</ul>
</nav>
{% endif %}