authentik/passbook/core/templates/partials/pagination.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>