src/iconolab/templates/partials/collection_home_pagination_links.html
author durandn
Tue, 29 Nov 2016 10:50:38 +0100
changeset 251 d00d1089b2c8
child 381 f1707e909ff4
permissions -rw-r--r--
adapted collection_home pagination to higher page count

<ul class="pagination pull-right {{list_identifier}}-perpage" style="margin-left: 15px;">
  <li class="active pagination-label"><a>Élements par page : </a></li>
  {% for perpage in pagination_data.perpage_range %}
  <li class="{% if pagination_data.perpage == perpage %}active{% endif %}">
    <a {% if pagination_data.per_page != perpage %}href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page=1&{{list_identifier}}_perpage={{perpage}}{{pagination_data.trailing_qarg}}"{% endif %}>{{perpage}}</a>
  </li>
  {% endfor %}
</ul>
{% if pagination_data.list.has_previous or pagination_data.list.has_next %}
  <ul class="pagination pull-right {{list_identifier}}-pagination">
    {% if pagination_data.list.has_previous %}
    <li>
      <a href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page={{pagination_data.list.previous_page_number}}&{{list_identifier}}_perpage={{pagination_data.list.paginator.per_page}}{{pagination_data.trailing_qarg}}" aria-label="Suivant">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    {% endif %}
    
    {% if pagination_data.show_first %}
      <li id="page-link-first" class="pagination-link {% if page == pagination_data.list.number %}active{% endif %}">
        <a href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page=1&{{list_identifier}}_perpage={{pagination_data.perpage}}{{pagination_data.trailing_qarg}}">1</a>
      </li>
      {% if pagination_data.ellipsis_first %}
        <li class="pagination-link pagination-link-ellipsis">
          <a>...</a>
        </li>
      {% endif %}
    {% endif %}
    
    {% for page in pagination_data.page_range %}
      <li id="page-link-{{pagination_data.page}}" class="pagination-link {% if page == pagination_data.list.number %}active{% endif %}">
        <a {% if page != pagination_data.list.number %}href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page={{page}}&items_perpage={{pagination_data.perpage}}{{pagination_data.trailing_qarg}}"{% endif %}>{{page}}</a>
      </li>
    {% endfor %}
    
    {% if pagination_data.show_last %}
      {% if pagination_data.ellipsis_last %}
        <li class="pagination-link pagination-link-ellipsis">
          <a>...</a>
        </li> 
      {% endif %}
      <li id="page-link-{{pagination_data.page}}" class="pagination-link {% if page == pagination_data.list.number %}active{% endif %}">
        <a href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page={{pagination_data.list.paginator.num_pages}}&{{list_identifier}}_perpage={{pagination_data.perpage}}{{pagination_data.trailing_qarg}}">{{pagination_data.list.paginator.num_pages}}</a>
      </li>
    {% endif %}
    
    {% if pagination_data.list.has_next %}
    <li>
      <a href="{% url 'collection_home' collection_name %}?show={{list_identifier}}&{{list_identifier}}_page={{pagination_data.list.next_page_number}}&{{list_identifier}}_perpage={{pagination_data.list.paginator.per_page}}{{pagination_data.trailing_qarg}}" aria-label="Suivant">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
    {% endif %}
  </ul>
{% endif %}