{% if pages.pageCount > 1 %}<ul class="pager"> {# 前へ #} {% if pages.previous is defined %} <li class="ec-pager__item"> <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.previous})) }}" class="arrow_btn prev">{{ '前へ'|trans }}</a> </li> {% endif %} {# 1ページリンクが表示されない場合、「...」を表示 #} {% if pages.firstPageInRange != 1 %} <li class="ec-pager__item">...</li> {% endif %} {% for page in pages.pagesInRange %} {% if page == pages.current %} <li class="ec-pager__item--active"><a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}" class="current"> {{ page }} </a></li> {% else %} <li class="ec-pager__item"><a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': page})) }}" class="pager_btn"> {{ page }} </a></li> {% endif %} {% endfor %} {# 最終ページリンクが表示されない場合、「...」を表示 #} {% if pages.last != pages.lastPageInRange %} <li class="ec-pager__item">...</li> {% endif %} {# 次へ #} {% if pages.next is defined %} <li class="ec-pager__item"> <a href="{{ path( app.request.attributes.get('_route'), app.request.query.all|merge({'pageno': pages.next})) }}" class="arrow_btn next">{{ '次へ'|trans }}</a> </li> {% endif %}</ul>{% endif %}