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) }}
  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" data-page="{{previous}}" href="{{- _pagination_path(route, query, pageParameterName, previous) -}}">{#&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}#}
  34.                         <svg class="icon">
  35.                             <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#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="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#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" data-page="{{next}}" href="{{- _pagination_path(route, query, pageParameterName, next) -}}">
  98.                         {#{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;#}
  99.                         <svg class="icon">
  100.                             <use xlink:href="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#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="{{ asset('assets_domain/images/icons/svg-library.svg', 'nodomainConfig') }}#icon-arrow-right"></use>
  109.                         </svg>
  110.                     </span>
  111.                 </li>
  112.             {%- endif -%}
  113.         </ul>
  114.     </nav>
  115. {%- endif -%}
  116. </div>