44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
{% load i18n %}
|
|
|
|
<div class="pf-c-toolbar__item pf-m-pagination">
|
|
<div class="pf-c-pagination">
|
|
<div class="pf-c-pagination__total-items">
|
|
<b>{{ page_obj.start_index }} - {{ page_obj.end_index }}</b>of
|
|
<b>{{ page_obj.count }}</b>
|
|
</div>
|
|
{% with param=get_param|default:'page' %}
|
|
<nav class="pf-c-pagination__nav" aria-label="Pagination">
|
|
<a class="pf-c-button pf-m-plain" type="button" aria-label="Go to first page" href="?{{ param }}=1">
|
|
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
</a>
|
|
<a class="pf-c-button pf-m-plain" type="button" aria-label="Go to previous page"
|
|
{% if page_obj.has_previous %}
|
|
href="?{{ param }}={{ page_obj.previous_page_number }}"
|
|
{% else %}
|
|
disabled
|
|
{% endif %}>
|
|
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
</a>
|
|
<div class="pf-c-pagination__nav-page-select">
|
|
<span>
|
|
{% blocktrans with current=page_obj.number total=page_obj.paginator.num_pages %}
|
|
{{ current }} of {{ total }}
|
|
{% endblocktrans %}
|
|
</span>
|
|
</div>
|
|
<a class="pf-c-button pf-m-plain" type="button" aria-label="Go to next page"
|
|
{% if page_obj.has_next %}
|
|
href="?{{ param }}={{ page_obj.next_page_number }}"
|
|
{% else %}
|
|
disabled
|
|
{% endif %}>
|
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
</a>
|
|
<a class="pf-c-button pf-m-plain" type="button" aria-label="Go to last page" href="?{{ param }}={{ page_obj.num_pages }}">
|
|
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
</a>
|
|
</nav>
|
|
{% endwith %}
|
|
</div>
|
|
</div>
|