templates/pagination/pagination.html.twig line 1

  1. {# tailwindcss Sliding pagination control implementation #}
  2. {% if pageCount > 1 %}
  3.     <div class="inline-block">
  4.         <div class="flex items-center w-auto gap-2">
  5.         {# {% if first is defined and current != first %}
  6.             <span role="button" class="border border-neutral-200 text-neutral rounded p-4 inline-flex items-center justify-center">
  7.                 <a href="{{ path(route, query|merge({(pageParameterName): first})) }}">&lt;&lt;</a>
  8.             </span>
  9.         {% endif %} #}
  11.         {% if previous is defined %}
  12.             <a class="border border-neutral-200 text-neutral text-base rounded p-2 w-12 h-12 inline-flex items-center justify-center hover:border-brand hover:font-medium" rel="prev" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">
  13.               &lt;
  14.             </a>
  15.         {% endif %}
  17.         {% for page in pagesInRange %}
  18.             {% if page != current %}
  19.                 <a
  20.                   href="{{ path(route, query|merge({(pageParameterName): page})) }}"
  21.                   class="border border-neutral-200 text-neutral text-base rounded p-2 w-12 h-12 inline-flex items-center justify-center hover:border-brand hover:font-medium"
  22.                 >
  23.                   {{ page }}
  24.                 </a>
  25.             {% else %}
  26.                 <span
  27.                   class="bg-brand font-medium border border-brand text-white text-base rounded p-2 w-12 h-12 inline-flex items-center justify-center"
  28.                 >
  29.                     {{ page }}
  30.                 </span>
  31.             {% endif %}
  32.         {% endfor %}
  34.         {% if next is defined %}
  35.             <a class="border border-neutral-200 text-neutral text-base rounded p-2 w-12 h-12 inline-flex items-center justify-center hover:border-brand hover:font-medium" rel="next" href="{{ path(route, query|merge({(pageParameterName): next})) }}">
  36.               &gt;
  37.             </a>
  38.         {% endif %}
  40.         {# {% if last is defined and current != last %}
  41.             <span role="button" class="border border-neutral-200 text-neutral rounded p-4 inline-flex items-center justify-center">
  42.                 <a href="{{ path(route, query|merge({(pageParameterName): last})) }}">&gt;&gt;</a>
  43.             </span>
  44.         {% endif %} #}
  45.         </div>
  46.     </div>
  47. {% endif %}