templates/bundles/KnpPaginator/pagination.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @file
  4.  * Foundation 5 Sliding pagination control implementation.
  5.  *
  6.  * View that can be used with the pagination module 
  7.  * from the Foundation 5 CSS Toolkit
  8.  * http://foundation.zurb.com/docs/components/pagination.html
  9.  *
  10.  * @author Vincent Loy <vincent.loy1@gmail.com>
  11.  *
  12.  * This view have been ported from twitter bootstrap v3 pagination control implementation
  13.  * from :
  14.  * @author Pablo Díez <pablodip@gmail.com>
  15.  * @author Jan Sorgalla <jsorgalla@gmail.com>
  16.  * @author Artem Ponomarenko <imenem@inbox.ru>
  17.  * @author Artem Zabelin <artjomzabelin@gmail.com>
  18.  */
  19. #}
  21. {% if pageCount > 1 %}
  22. <div class="grid-x">
  23.   <nav class="flex-container pagination t-label-regular medium-shrink cell">
  24.     <a rel="prev" href="{{ previous is defined ? path(route, query|merge({(pageParameterName): previous})) : '#' }}"
  25.        aria-label='{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}'
  26.        {% if previous is not defined %}disabled{% endif %}>
  27.        <svg width="6" height="10">
  28.           <use xlink:href='#chevron-small'>
  29.        </svg>
  30.     </a>
  32.     <ul class="show-for-medium">
  33.         {% if startPage > 1 %}
  34.             <li>
  35.                 <a href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  36.             </li>
  37.             {% if startPage == 3 %}
  38.                 <li>
  39.                     <a href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  40.                 </li>
  41.             {% elseif false and startPage != 2 %}
  42.                 <li class="unavailable">
  43.                     <a>&hellip;</a>
  44.                 </li>
  45.             {% endif %}
  46.         {% endif %}
  48.         {% for page in pagesInRange %}
  49.             {% if page != current %}
  50.                 <li>
  51.                     <a href="{{ path(route, query|merge({(pageParameterName): page})) }}">
  52.                         {{ page }}
  53.                     </a>
  54.                 </li>
  55.             {% else %}
  56.                 <li class="current">
  57.                     <a class="active">{{ page }}</a>
  58.                 </li>
  59.             {% endif %}
  61.         {% endfor %}
  63.         {% if pageCount > endPage %}
  64.             {% if pageCount > (endPage + 1) %}
  65.                 {% if pageCount <= (endPage + 2) %}
  66.                     <li>
  67.                         <a href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">
  68.                             {{ pageCount -1 }}
  69.                         </a>
  70.                     </li>
  71.                 {% elseif false %}
  72.                     <li class="unavailable">
  73.                         <a>&hellip;</a>
  74.                     </li>
  75.                 {% endif %}
  76.             {% endif %}
  77.             <li>
  78.                 <a href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  79.             </li>
  80.         {% endif %}
  81.     </ul>
  83.     <a rel="next" href="{{ next is defined ? path(route, query|merge({(pageParameterName): next })) : '#' }}"
  84.         aria-label="{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}" class="scale-x--1"
  85.         {% if next is not defined %}disabled{% endif %}>
  86.         <svg width="6" height="10">
  87.             <use xlink:href='#chevron-small'>
  88.         </svg>
  89.     </a>
  91.   </nav>
  92.     
  93.   {% if next is defined %}
  94.   {% set voirplus = app.request.locale == 'fr' ? 'Voir plus' : 'View more' %}
  95.   <div class="pagination pagination--child-links-width-100 auto cell voir-plus">
  96.     <a rel="next" href="{{path( route, query|merge({ (pageParameterName): next }) ) }}" data-load-more>
  97.        {{voirplus}}
  98.     </a>
  99.   </div>
  100.   {% endif %}
  101. </div>
  103. {% endif %}