X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/ae60b2a3949e96357477cc04f90fd0873cee8a92..e24e657ebf536f55c1bde66bd41563fae30a98b0:/src/wolnelektury/templates/pagination/pagination.html?page=%7B%7B%20page%20%7D%7D%7B%7B%20getvars%20%7D%7D diff --git a/src/wolnelektury/templates/pagination/pagination.html b/src/wolnelektury/templates/pagination/pagination.html index 432cf6954..79ac19137 100644 --- a/src/wolnelektury/templates/pagination/pagination.html +++ b/src/wolnelektury/templates/pagination/pagination.html @@ -1,26 +1,27 @@ -{% load i18n %} {% if is_paginated %} -<div class="pagination"> + <div class="l-pagination"> {% if page_obj.has_previous %} - <a href="?page={{ page_obj.previous_page_number }}{{ getvars }}" class="prev">‹‹ {% trans "previous" %} </a> - {% else %} - <span class="disabled prev">‹‹ {% trans "previous" %} </span> + <a href="?page={{ page_obj.previous_page_number }}{{ getvars }}" class="l-pagination__arrow"> + <i class="icon icon-arrow-left"></i> + </a> {% endif %} - {% for page in pages %} + <ul> + {% for page in pages %} {% if page %} - {% ifequal page page_obj.number %} - <span class="current page"> {{ page }} </span> - {% else %} - <a href="?page={{ page }}{{ getvars }}" class="page"> {{ page }} </a> - {% endifequal %} + {% if page == page_obj.number %} + <li class="is-active"><a>{{ page }}</a></li> + {% else %} + <li><a href="?page={{ page }}{{ getvars }}">{{ page }}</a></li> + {% endif %} {% else %} - ... + <li><a>â¦</a></li> {% endif %} - {% endfor %} + {% endfor %} + </ul> {% if page_obj.has_next %} - <a href="?page={{ page_obj.next_page_number }}{{ getvars }}" class="next"> {% trans "next" %} ››</a> - {% else %} - <span class="disabled next"> {% trans "next" %} ››</span> + <a href="?page={{ page_obj.next_page_number }}{{ getvars }}" class="l-pagination__arrow"> + <i class="icon icon-arrow-right"></i> + </a> {% endif %} -</div> + </div> {% endif %}