templates/Lenord/Pagination/sliding.html.twig line 1

Open in your IDE?
  1. {% if pageCount > 1 %}
  2.   <nav class="pagination">
  3.     {% if previous is defined %}
  4.       <a href="{{ path(route, query|merge({(pageParameterName): previous})) }}" class="prev" aria-label="Page précédente" rel="prev">
  5.         <svg aria-hidden="true" focusable="false" data-name="Calque 1" id="Calque_1"
  6.              viewBox="0 0 283.5 283.5" xmlns="http://www.w3.org/2000/svg">
  7.           <g data-name="Chevron horizontal" id="Chevron_horizontal">
  8.             <path class=""
  9.                   d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9"
  10.                   id="Chevron"></path>
  11.           </g>
  12.         </svg>
  13.         <span class="sr-only">Page précédente</span>
  14.       </a>
  15.     {% endif %}
  16.     <ul class="numbers">
  17.       {% for page in pagesInRange %}
  18.         {% if page != current %}
  19.           <li>
  20.             <a href="{{ path(route, query|merge({(pageParameterName): page})) }}"
  21.                aria-label="page {{ page}} sur {{ pageCount }}">
  22.               {{ page }}
  23.             </a>
  24.           </li>
  25.         {% else %}
  26.           <li class="active"><a aria-label="page {{ page}} sur {{ pageCount }}" aria-current="page">{{ page }}</a></li>
  27.         {% endif %}
  28.       {% endfor %}
  29.     </ul>
  30.     {% if next is defined %}
  31.       <a href="{{ path(route, query|merge({(pageParameterName): next})) }}" class="next" aria-label="Page suivante" rel="next">
  32.         <svg aria-hidden="true" focusable="false" data-name="Calque 1" viewBox="0 0 283.5 283.5"
  33.              xmlns="http://www.w3.org/2000/svg">
  34.           <g data-name="Chevron horizontal" id="Chevron_horizontal">
  35.             <path class=""
  36.                   d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9"
  37.                   id="Chevron"></path>
  38.           </g>
  39.         </svg>
  40.         <span class="sr-only">Page suivante</span>
  41.       </a>
  42.     {% endif %}
  43.   </nav>
  44. {% endif %}