templates/common/pagination.html.twig line 1

Open in your IDE?
  1. {% if pageCount > 1 %}
  2.     <nav class="pagination">
  3.         {% set classAlign = (align is not defined) ? '' : align=='center' ? ' justify-content-center' : (align=='right' ? ' justify-content-end' : '') %}
  4.         {% set classSize = (size is not defined) ? '' : size=='large' ? ' pagination-lg' : (size=='small' ? ' pagination-sm' : '') %}
  5.         <ul>
  7.             {% if previous is defined %}
  8.                 <li>
  9.                     <a class="pagination-arrow" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">
  10.                         <i class="icon-material-outline-keyboard-arrow-left"></i>
  11.                     </a>
  12.                 </li>
  13.             {% endif %}
  15.             {% if startPage > 1 %}
  16.                 <li>
  17.                     <a class="ripple-effect" href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  18.                 </li>
  19.                 {% if startPage == 3 %}
  20.                     <li>
  21.                         <a class="ripple-effect" href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  22.                     </li>
  23.                 {% elseif startPage != 2 %}
  24.                     <li class="">
  25.                         <span class="ripple-effect">&hellip;</span>
  26.                     </li>
  27.                 {% endif %}
  28.             {% endif %}
  30.             {% for page in pagesInRange %}
  31.                 {% if page != current %}
  32.                     <li>
  33.                         <a class="ripple-effect" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
  34.                     </li>
  35.                 {% else %}
  36.                     <li>
  37.                         <a href="#" class="current-page ripple-effect">{{ page }}</a>
  38.                     </li>
  39.                 {% endif %}
  41.             {% endfor %}
  43.             {% if pageCount > endPage %}
  44.                 {% if pageCount > (endPage + 1) %}
  45.                     {% if pageCount > (endPage + 2) %}
  46.                         <li class="">
  47.                             <a class="ripple-effect" style="background: inherit; box-shadow: inherit">...</a>
  48.                         </li>
  49.                     {% else %}
  50.                         <li>
  51.                             <a class="ripple-effect" href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
  52.                         </li>
  53.                     {% endif %}
  54.                 {% endif %}
  55.                 <li>
  56.                     <a class="ripple-effect" href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  57.                 </li>
  58.             {% endif %}
  60.             {% if next is defined %}
  61.                 <li>
  62.                     <a class="ripple-effect" rel="next" href="{{ path(route, query|merge({(pageParameterName): next})) }}">
  63.                         <i class="icon-material-outline-keyboard-arrow-right"></i>
  64.                     </a>
  65.                 </li>
  66.             {% endif %}
  67.         </ul>
  68.     </nav>
  69. {% endif %}