templates/Global/pagination.html.twig line 1

Open in your IDE?
  1. {% if pageCount > 1 %}
  2.     <nav class="pt-3">
  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 class="pagination{{ classAlign }}{{ classSize }}">
  7.             {% if previous is defined %}
  8.                 <li class="page-item">
  9.                     <a class="page-link" rel="prev" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">
  10.                         {% if app.request.locale == 'ar' %}
  11.                             <i class="fas fa-angle-right"></i>
  12.                         {% else %}
  13.                             <i class="fas fa-angle-left"></i>
  14.                         {% endif %}
  15.                     </a>
  16.                 </li>
  17.             {% else %}
  18.                 <li class="page-item disabled">
  19.                     <span class="page-link">
  20.                         {% if app.request.locale == 'ar' %}
  21.                             <i class="fas fa-angle-right"></i>
  22.                         {% else %}
  23.                             <i class="fas fa-angle-left"></i>
  24.                         {% endif %}
  25.                     </span>
  26.                 </li>
  27.             {% endif %}
  29.             {% if startPage > 1 %}
  30.                 <li class="page-item">
  31.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  32.                 </li>
  33.                 {% if startPage == 3 %}
  34.                     <li class="page-item">
  35.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  36.                     </li>
  37.                 {% elseif startPage != 2 %}
  38.                     <li class="page-item disabled">
  39.                         <span class="page-link">&hellip;</span>
  40.                     </li>
  41.                 {% endif %}
  42.             {% endif %}
  44.             {% for page in pagesInRange %}
  45.                 {% if page != current %}
  46.                     <li class="page-item">
  47.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
  48.                     </li>
  49.                 {% else %}
  50.                     <li class="page-item active">
  51.                         <span class="page-link">{{ page }}</span>
  52.                     </li>
  53.                 {% endif %}
  55.             {% endfor %}
  57.             {% if pageCount > endPage %}
  58.                 {% if pageCount > (endPage + 1) %}
  59.                     {% if pageCount > (endPage + 2) %}
  60.                         <li class="page-item disabled">
  61.                             <span class="page-link">&hellip;</span>
  62.                         </li>
  63.                     {% else %}
  64.                         <li class="page-item">
  65.                             <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
  66.                         </li>
  67.                     {% endif %}
  68.                 {% endif %}
  69.                 <li class="page-item">
  70.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  71.                 </li>
  72.             {% endif %}
  74.             {% if next is defined %}
  75.                 <li class="page-item">
  76.                     <a class="page-link" rel="next" href="{{ path(route, query|merge({(pageParameterName): next})) }}">
  77.                         {% if app.request.locale == 'ar' %}
  78.                             <i class="fas fa-angle-left"></i>
  79.                         {% else %}
  80.                             <i class="fas fa-angle-right"></i>
  81.                         {% endif %}
  82.                     </a>
  83.                 </li>
  84.             {% else %}
  85.                 <li  class="page-item disabled">
  86.                     <span class="page-link">
  87.                         {% if app.request.locale == 'ar' %}
  88.                             <i class="fas fa-angle-left"></i>
  89.                         {% else %}
  90.                             <i class="fas fa-angle-right"></i>
  91.                         {% endif %}
  92.                     </span>
  93.                 </li>
  94.             {% endif %}
  95.         </ul>
  96.     </nav>
  97. {% endif %}