app/template/default/pager.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% if pages.pageCount > 1 %}
  12.     <div
  13.         class="mx-auto mt-20 flex w-[46rem] justify-center gap-6 md:gap-3 px-6 md:w-full  text-sm leading-normal">
  14.         {# 最初へ #}
  15.         {% if pages.firstPageInRange != 1 %}
  16.             <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.first})) }}" class="grid size-9 place-items-center rounded-full border">1</a>
  19.         {% endif %}
  21.         {# 1ページリンクが表示されない場合、「...」を表示 #}
  22.         {% if pages.firstPageInRange != 1 %}
  23.             <p class="grid place-items-center">...</p>
  25.         {% endif %}
  27.         {% for page in pages.pagesInRange %}
  28.             {% if page == pages.current %}
  29.                 <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}" class="grid size-9 place-items-center rounded-full border bg-black text-white">
  30.                     {{ page }}
  31.                 </a>
  32.             {% else %}
  33.                 <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}" class="grid size-9 place-items-center rounded-full border">
  35.                     {{ page }}
  36.                 </a>
  37.             {% endif %}
  38.         {% endfor %}
  40.         {# 最終ページリンクが表示されない場合、「...」を表示 #}
  41.         {% if pages.last != pages.lastPageInRange %}
  42.             <p class="grid place-items-center">...</p>
  44.         {% endif %}
  46.         {# 最後へ #}
  47.         {% if pages.last != pages.lastPageInRange %}
  48.             <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.last})) }}" class="grid size-9 place-items-center rounded-full border">
  49.                 {{ pages.last }}</a>
  50.         {% endif %}
  51.     </div>
  52. {% endif %}