templates/Resources/views/paginate/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.4/components/pagination/
  9.  *
  10.  */
  11. #}
  12. {% if pageCount > 1 %}
  13.     {% set classAlign = (align is not defined) ? '' : align=='center' ? ' justify-content-center' : (align=='right' ? ' justify-content-end' : '') %}
  14.     {% set classSize = (size is not defined) ? '' : size=='large' ? ' pagination-lg' : (size=='small' ? ' pagination-sm' : '') %}
  15.     <ul class="pagination {{ classAlign }}{{ classSize }}">
  17.         {% if previous is defined %}
  18.             <li class="page-item">
  19.                 <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): previous})) }}"><i class="fa fa-angle-left"></i></a>
  20.             </li>
  21.         {% else %}
  22.             <li class="page-item">
  23.                 <span><a href="javascript:;"><i class="fa fa-angle-left"></i></a></span>
  24.             </li>
  25.         {% endif %}
  27.         {% if startPage > 1 %}
  28.             <li class="page-item">
  29.                 <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  30.             </li>
  31.             {% if startPage == 3 %}
  32.                 <li class="page-item">
  33.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  34.                 </li>
  35.             {% elseif startPage != 2 %}
  36.                 <li class="page-item">
  37.                     <a href="#"><span>&hellip;</span></a>
  38.                 </li>
  39.             {% endif %}
  40.         {% endif %}
  42.         {% for page in pagesInRange %}
  43.             {% if page != current %}
  44.                 <li class="page-item">
  45.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
  46.                 </li>
  47.             {% else %}
  48.                 <li class="active page-item"><a class="page-link" href="javascript:;">{{ page }}</a></li>
  49.             {% endif %}
  51.         {% endfor %}
  53.         {% if pageCount > endPage %}
  54.             {% if pageCount > (endPage + 1) %}
  55.                 {% if pageCount > (endPage + 2) %}
  56.                     <li class="page-item">
  57.                         <a href="#"><span>&hellip;</span></a>
  58.                     </li>
  59.                 {% else %}
  60.                     <li class="page-item">
  61.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
  62.                     </li>
  63.                 {% endif %}
  64.             {% endif %}
  65.             <li class="page-item">
  66.                 <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  67.             </li>
  68.         {% endif %}
  70.         {% if next is defined %}
  71.             <li class="page-item">
  72.                 <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): next})) }}"><i class="fa fa-angle-right"></i></a>
  73.             </li>
  74.         {% else %}
  75.             <li class="page-item">
  76.                 <span><a href="javascript:;"><i class="fa fa-angle-right"></i></a></span>
  77.             </li>
  78.         {% endif %}
  79.     </ul>
  80. {% endif %}