smaa/octopus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Uluchshena paginaciya na stranice klientov: kompaktniy format s knopkami pervaya/poslednyaya/predydushchaya/sleduyushchaya

Browse Source
This commit is contained in:
Andrey Smakotin
2026-01-03 13:34:09 +03:00
parent 3248fadffa
commit cca9a908c9
1 changed files with 35 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
myproject/customers/templates/customers/customer_list.html
View File

@@ -90,25 +90,49 @@
<!-- Pagination --> <!-- Pagination -->
{% if page_obj.has_other_pages %} {% if page_obj.has_other_pages %}
<nav aria-label="Page navigation"> <nav aria-label="Page navigation" class="mt-3">
<ul class="pagination justify-content-center"> <ul class="pagination pagination-sm justify-content-center mb-0">
{% if page_obj.has_previous %} {% if page_obj.has_previous %}
<li class="page-item"> <li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if query %}&q={{ query }}{% endif %}">Предыдущая</a> <a class="page-link" href="?page=1{% if query %}&q={{ query }}{% endif %}" title="Первая страница">
&laquo;&laquo;
</a>
</li>
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if query %}&q={{ query }}{% endif %}" title="Предыдущая">
&laquo;
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link">&laquo;&laquo;</span>
</li>
<li class="page-item disabled">
<span class="page-link">&laquo;</span>
</li> </li>
{% endif %} {% endif %}
{% for num in page_obj.paginator.page_range %} <li class="page-item active">
{% if page_obj.number == num %} <span class="page-link">{{ page_obj.number }} / {{ page_obj.paginator.num_pages }}</span>
<li class="page-item active"><span class="page-link">{{ num }}</span></li> </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 }}{% if query %}&q={{ query }}{% endif %}">{{ num }}</a></li>
{% endif %}
{% endfor %}
{% 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 }}{% if query %}&q={{ query }}{% endif %}">Следующая</a> <a class="page-link" href="?page={{ page_obj.next_page_number }}{% if query %}&q={{ query }}{% endif %}" title="Следующая">
&raquo;
</a>
</li>
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.paginator.num_pages }}{% if query %}&q={{ query }}{% endif %}" title="Последняя страница">
&raquo;&raquo;
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link">&raquo;</span>
</li>
<li class="page-item disabled">
<span class="page-link">&raquo;&raquo;</span>
</li> </li>
{% endif %} {% endif %}
</ul> </ul>