haikal/templates/partials/pagination.html
Marwan Alwali 7423fa9878 update
2025-02-18 09:57:19 +03:00

39 lines
1.7 KiB
HTML

{% load i18n static %}
<div class="row align-items-center justify-content-end py-4 pe-0 fs-9">
<div class="col-auto d-flex">
{% if page_obj.has_previous %}
<button class="page-link" data-list-pagination="prev" onclick="window.location.href='?page={{ page_obj.previous_page_number }}'">
<span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}"></span>
</button>
{% else %}
<button class="page-link" disabled>
<span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}right{% else %}left{% endif %}"></span>
</button>
{% endif %}
<ul class="mb-0 pagination">
{% for num in page_obj.paginator.page_range %}
{% if page_obj.number == num %}
<li class="page-item active">
<span class="page-link">{{ num }}</span>
</li>
{% else %}
<li class="page-item">
<a class="page-link" href="?page={{ num }}">{{ num }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% if page_obj.has_next %}
<button class="page-link pe-0" data-list-pagination="next" onclick="window.location.href='?page={{ page_obj.next_page_number }}'">
<span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}"></span>
</button>
{% else %}
<button class="page-link pe-0" disabled>
<span class="fas fa-chevron-{% if LANGUAGE_CODE == 'ar' %}left{% else %}right{% endif %}"></span>
</button>
{% endif %}
</div>
</div>