templates/_pagination.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @file
  4.  * Twitter Bootstrap v4-beta.2 Sliding pagination control implementation.
  5.  *
  6.  * View that can be used with the pagination module
  7.  * from the Twitter Bootstrap CSS Toolkit
  8.  * https://getbootstrap.com/docs/4.0/components/pagination/
  9.  *
  10.  */
  11. #}
  12. {% macro _pagination_path(route, query, pageParameterName, page_number) %}
  13.     {% if page_number == 1 %}
  14.         {% set _route = route %}
  15.         {% set _query = query|filter((v, k) => k != pageParameterName) %}
  16.     {% else %}
  17.         {% set _route = route~'._pagination' %}
  18.         {% set _query = query|merge({(pageParameterName): page_number}) %}
  19.     {% endif %}
  20.     {{ path(_route, _query)|lower }}
  21. {% endmacro %}
  23. {% from _self import _pagination_path %}
  24. <div id="pagination_container">
  25. {% if pageCount > 1 %}
  26.     <nav class="pagination">
  27.         {% set classAlign = (align is not defined) ? '' : align=='center' ? ' justify-content-center' : (align=='right' ? ' justify-content-end' : '') %}
  28.         {% set classSize = (size is not defined) ? '' : size=='large' ? ' pagination-lg' : (size=='small' ? ' pagination-sm' : '') %}
  29.         <ul class="d-flex">
  31.             {% if previous is defined %}
  32.                 <li class="pagination__item">
  33.                     <a class="pagination__link" rel="prev" href="{{ _pagination_path(route, query, pageParameterName, previous) }}">{#&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}#}
  34.                         <svg class="icon">
  35.                             <use xlink:href="#icon-arrow-left"></use>
  36.                         </svg>
  37.                     </a>
  38.                 </li>
  39.             {% else %}
  40.                 <li class="pagination__item disabled">
  41.                     <span class="pagination__link d-flex">
  42.                         {#&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}#}
  43.                         <svg class="icon">
  44.                             <use xlink:href="#icon-arrow-left"></use>
  45.                         </svg>
  46.                     </span>
  47.                 </li>
  48.             {% endif %}
  50.             {% if startPage > 1 %}
  51.                 <li class="pagination__item">
  52.                     <a class="pagination__link" href="{{ _pagination_path(route, query, pageParameterName, 1) }}">1</a>
  53.                 </li>
  54.                 {% if startPage == 3 %}
  55.                     <li class="pagination__item">
  56.                         <a class="pagination__link" href="{{ _pagination_path(route, query, pageParameterName, 2) }}">2</a>
  57.                     </li>
  58.                 {% elseif startPage != 2 %}
  59.                     <li class="pagination__item pagination__item_spacer">
  60.                         <div class="pagination__link d-flex">...</div>
  61.                     </li>
  62.                 {% endif %}
  63.             {% endif %}
  65.             {% for page in pagesInRange %}
  66.                 {% if page != current %}
  67.                     <li class="pagination__item">
  68.                         <a class="pagination__link" href="{{ _pagination_path(route, query, pageParameterName, page) }}">{{ page }}</a>
  69.                     </li>
  70.                 {% else %}
  71.                     <li class="pagination__item pagination__item_first pagination__item_active">
  72.                         <a href="#" class="pagination__link">{{ page }}</a>
  73.                     </li>
  74.                 {% endif %}
  76.             {% endfor %}
  78.             {% if pageCount > endPage %}
  79.                 {% if pageCount > (endPage + 1) %}
  80.                     {% if pageCount > (endPage + 2) %}
  81.                         <li class="pagination__item pagination__item_spacer">
  82.                             <div class="pagination__link">...</div>
  83.                         </li>
  84.                     {% else %}
  85.                         <li class="pagination__item">
  86.                             <a class="pagination__link" href="{{ _pagination_path(route, query, pageParameterName, (pageCount - 1)) }}">{{ pageCount -1 }}</a>
  87.                         </li>
  88.                     {% endif %}
  89.                 {% endif %}
  90.                 <li class="pagination__item">
  91.                     <a class="pagination__link" href="{{ _pagination_path(route, query, pageParameterName, pageCount) }}">{{ pageCount }}</a>
  92.                 </li>
  93.             {% endif %}
  95.             {% if next is defined %}
  96.                 <li class="pagination__item">
  97.                     <a class="pagination__link" rel="next" href="{{ _pagination_path(route, query, pageParameterName, next) }}">
  98.                         {#{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;#}
  99.                         <svg class="icon">
  100.                             <use xlink:href="#icon-arrow-right"></use>
  101.                         </svg>
  102.                     </a>
  103.                 </li>
  104.             {% else %}
  105.                 <li class="pagination__item disabled">
  106.                     <span class="pagination__link">{#{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;#}
  107.                         <svg class="icon">
  108.                             <use xlink:href="#icon-arrow-right"></use>
  109.                         </svg>
  110.                     </span>
  111.                 </li>
  112.             {% endif %}
  113.         </ul>
  114.     </nav>
  115. {% endif %}
  116. </div>