templates/_pagination.html.twig line 1

Open in your IDE?
  1. {% if pages > 1 %}
  5. <nav aria-label="...">
  6.   <ul class="pagination">
  8.     {% if currentPage > 1 %}
  9.         <li class="page-item">
  10.             <a href="{{ path(path, {slug: ssr.rubrique.slug, slug2 : ssr.slug, page: currentPage - 1 }) }}&{{queryString}}"><span class="page-link">Précédent</span></a>
  11.         </li>
  12.     {% else %}
  13.         <li class="page-item disabled">
  14.             <span class="page-link">Précédent</span>
  15.         </li>
  16.     {% endif %}
  19.     {% for numero in 1..pages %}
  20.         {# Afficher les trois précédents, la page actuelle et les trois suivants #}
  22.         {% if numero == 1 %}
  24.             {% if numero == currentPage %}
  25.                 <li class="page-item disabled {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link text-white">{{numero}}</a></li>
  26.             {% else %}
  27.                 <li class="page-item {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link" href="{{ path(path, {slug: ssr.rubrique.slug, slug2 : ssr.slug, page: numero }) }}{% if queryString %}&{{queryString}}{% endif %}">{{numero}}</a></li>
  28.             {% endif %}
  29.             
  30.         {% endif %}
  32.         {% if numero >= currentPage - 3 and numero <= currentPage + 3 %}
  33.             {% if numero != 1 and numero != pages %}
  34.                 {% if numero == currentPage %}
  35.                     <li class="page-item disabled {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link text-white">{{numero}}</a></li>
  36.                 {% else %}
  37.                     <li class="page-item {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link" href="{{ path(path, {slug: ssr.rubrique.slug, slug2 : ssr.slug, page: numero }) }}{% if queryString %}&{{queryString}}{% endif %}">{{numero}}</a></li>
  38.                 {% endif %}
  39.                 
  40.             {% endif %}
  41.             
  42.         {% endif %}
  44.         {# Afficher "..." s'il y a plus de 6 pages #}
  45.         {% if numero == 1 and currentPage > 4 %}
  46.             <li class="page-item disabled"><span class="page-link">...</span></li>
  47.         {% endif %}
  48.         {% if numero == pages and currentPage < pages - 3 %}
  49.             <li class="page-item disabled"><span class="page-link">...</span></li>
  50.         {% endif %}
  53.         {% if numero == pages %}
  55.             {% if numero == currentPage %}
  56.                 <li class="page-item disabled {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link text-white">{{numero}}</a></li>
  57.             {% else %}
  58.                 <li class="page-item {{ (numero == currentPage) ? 'active' : '' }}"><a class="page-link" href="{{ path(path, {slug: ssr.rubrique.slug, slug2 : ssr.slug, page: numero }) }}{% if queryString %}&{{queryString}}{% endif %}">{{numero}}</a></li>
  59.             {% endif %}
  60.             
  61.         {% endif %}
  62.     {% endfor %}
  65.     {% if currentPage < pages %}
  66.         <li class="page-item">
  67.             <a href="{{ path(path, {slug: ssr.rubrique.slug, slug2 : ssr.slug, page: currentPage + 1 }) }}{% if queryString %}&{{queryString}}{% endif %}"><span class="page-link">Suivant</span></a>
  68.         </li>
  69.     {% else %}
  70.         <li class="page-item disabled">
  71.             <span class="page-link">Suivant</span>
  72.         </li>
  73.     {% endif %}
  75.     
  76.   </ul>
  77. </nav>
  78. {% endif %}