haikal/templates/partials/pagination.html
Marwan Alwali 5442d5a539 update
2025-01-15 19:52:16 +03:00

66 lines
2.5 KiB
HTML

{% load i18n static %}
<div class="pagination my-3">
<nav aria-label="Page navigation">
<ul class="pagination pagination-sm justify-content-center mb-0">
{% if page_obj.has_previous %}
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.previous_page_number }}" aria-label="{% trans 'Previous' %}">
<span aria-hidden="true">
{% if LANGUAGE_CODE == 'ar' %}
<span class="fa fa-chevron-right"></span>
{% else %}
<span class="fa fa-chevron-left"></span>
{% endif %}
</span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-hidden="true">
{% if LANGUAGE_CODE == 'ar' %}
<span class="fa fa-chevron-right"></span>
{% else %}
<span class="fa fa-chevron-left"></span>
{% endif %}
</span>
</li>
{% endif %}
{% 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 %}
{% if page_obj.has_next %}
<li class="page-item">
<a class="page-link" href="?page={{ page_obj.next_page_number }}" aria-label="{% trans 'Next' %}">
<span aria-hidden="true">
{% if LANGUAGE_CODE == 'ar' %}
<span class="fa fa-chevron-left"></span>
{% else %}
<span class="fa fa-chevron-right"></span>
{% endif %}
</span>
</a>
</li>
{% else %}
<li class="page-item disabled">
<span class="page-link" aria-hidden="true">
{% if LANGUAGE_CODE == 'ar' %}
<span class="fa fa-chevron-left"></span>
{% else %}
<span class="fa fa-chevron-right"></span>
{% endif %}
</span>
</li>
{% endif %}
</ul>
</nav>
</div>