{% 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>