templates/Navigation/paging.html.twig line 1

Open in your IDE?
  1. {# @var \Zend\Paginator\Paginator paginator #}
  2. {% set hideCount = hideCount |default(false) %}
  3. {% set pages = paginator.getPaginationData() %}
  4. {% set ajaxPaging = ajaxPaging|default(false) %}
  5. {% set filterFormPaging = filterFormPaging is defined ? filterFormPaging : false %}
  6. {% set ajaxClass = ajaxClass|default('js-ajax-form__link') %}
  7. {% set object = object|default(null) %}
  9. {% set addClassArray = [] %}
  10. {% if hideCount %}
  11.     {% set addClassArray = addClassArray | merge(['no-paging--count']) %}
  12. {% endif %}
  13. {% if addClass is defined %}
  14.     {% set addClassArray = addClassArray | merge([addClass]) %}
  15. {% endif %}
  16. {% set hashSuffix = '' %}
  17. {% if hashtag is defined and hashtag is not empty %}
  18.     {% set hashSuffix = '#' . hashtag %}
  19. {% endif %}
  20. {% set pageParamName = pageParamName|default('page') %}
  22. {% if hideCount %}
  23.     {% block paging %}
  24.         {% if pages.pageCount > 1 %}
  25.             <nav aria-label="{{ 'sr.pagination'|trans }}" class="pagination-container">
  26.                 <ul class="pagination align-items-center  {{ addClassArray|join(' ') }} {{ filterFormPaging ? 'js-filter-form__paging' : '' }}">
  28.                     {% if pages.previous is defined %}
  30.                         {% if object is defined %}
  31.                             {% set prevUrl = pimcore_url({ 'object': object, (pageParamName): pages.previous }) %}
  32.                         {% else %}
  33.                             {% set prevUrl = pimcore_url({ (pageParamName): pages.previous }) %}
  34.                         {% endif %}
  36.                         {% if pages.previous == 1 %}
  37.                             {% set prevUrl = elements_page_1_query( prevUrl, object ) %}
  38.                         {% endif %}
  40.                         {% do pimcore_placeholder('headPrev').set('<link rel="prev" href="' ~ prevUrl ~ '">') %}
  41.                         <li class="page-item">
  42.                             <a class="page-link page-link--text {{ ajaxPaging ? ajaxClass : '' }} "
  43.                                href="{{ prevUrl ~ hashSuffix }}" rel="prev" data-page="{{ prevUrl }}">
  44.                                 {{ 'paging.zurück'|trans }}
  45.                             </a>
  46.                         </li>
  47.                     {% else %}
  48.                         <li class="page-item disabled">
  49.                             <div class="page-link page-link--text {{ ajaxPaging ? ajaxClass : '' }}">
  50.                                 {{ 'paging.zurück'|trans }}
  51.                             </div>
  52.                         </li>
  53.                     {% endif %}
  56.                     {% if showFirstLast is defined and showFirstLast is not empty %}
  57.                         {# // add ... if there many pages ... so you can see the link to the FIRST page ... like: < 1 ... 5 6 (7) 8 9 ... 11 > #}
  58.                         {% if pages.firstPageInRange != pages.first %}
  59.                             {% if object is defined %}
  60.                                 {% set firstUrl = elements_page_1_query( pimcore_url({'object': object, (pageParamName): 1}, object) ) %}
  61.                             {% else %}
  62.                                 {% set firstUrl = elements_page_1_query( pimcore_url({(pageParamName): 1}, object) ) %}
  63.                             {% endif %}
  64.                             <li class="page-item">
  65.                                 <a class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  66.                                    href="{{ firstUrl ~ hashSuffix }}" data-page="{{ pages.first }}">
  67.                                     {{ pages.first }}
  68.                                 </a>
  69.                             </li>
  70.                         {% endif %}
  71.                         {% if pages.firstPageInRange > pages.first+1 and pages.firstPageInRange < pages.first+3 %}
  72.                             {% if object is defined %}
  73.                                 {% set firstPlusOneUrl = elements_page_1_query( pimcore_url({'object': object, (pageParamName): pages.first+1}, object) ) %}
  74.                             {% else %}
  75.                                 {% set firstPlusOneUrl = elements_page_1_query( pimcore_url({(pageParamName): pages.first+1}, object) ) %}
  76.                             {% endif %}
  78.                             <li class="page-item">
  79.                                 <a class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  80.                                    href="{{ firstPlusOneUrl ~ hashSuffix }}" data-page="{{ pages.first+1 }}">
  81.                                     {{ pages.first+1 }}
  82.                                 </a>
  83.                             </li>
  84.                         {% endif %}
  85.                         {% if pages.firstPageInRange > pages.first+2 %}
  86.                             <li class="disabled page-item">
  87.                                 <a class="page-link" href="#" aria-disabled="true" tabindex="-1">...</a>
  88.                             </li>
  89.                         {% endif %}
  90.                     {% endif %}
  92.                     {% for page in pages.pagesInRange %}
  93.                         {% if object is defined %}
  94.                             {% set pageUrl = pimcore_url({'object': object, (pageParamName): page }) %}
  95.                         {% else %}
  96.                             {% set pageUrl = pimcore_url({ (pageParamName): page }) %}
  97.                         {% endif %}
  98. {#                        {{ dump(pimcore_url({ 'page': page })) }}#}
  100.                         {% if page == 1 %}
  101.                             {% set pageUrl = elements_page_1_query( pageUrl, object) %}
  102.                         {% endif %}
  103.                         {% if page != pages.current %}
  104.                             <li class="page-item">
  105.                                 <a class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  106.                                    href="{{ pageUrl ~ hashSuffix }}" data-page="{{ page }}">
  107.                                     {{ page }}
  108.                                 </a>
  109.                             </li>
  110.                         {% else %}
  111.                             <li class="active page-item">
  112.                                 <div class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  113.                                      data-page="{{ page }}">
  114.                                     {{ page }} <span class="sr-only">({{ 'sr.page.current'|trans }})</span>
  115.                                 </div>
  116.                             </li>
  117.                         {% endif %}
  118.                     {% endfor %}
  120.                     {% if showFirstLast is defined and showFirstLast is not empty %}
  121.                         {# // add ... if there many pages ... so you can see the link to the LAST page ... like: < 1 ... 5 6 (7) 8 9 ... 12 > #}
  122.                         {% if pages.lastPageInRange < pages.last-2 %}
  123.                             <li class="disabled page-item">
  124.                                 <a class="page-link" href="#" aria-disabled="true" tabindex="-1">...</a>
  125.                             </li>
  126.                         {% endif %}
  128.                         {% if pages.lastPageInRange < pages.last-1 and pages.lastPageInRange > pages.last-3 %}
  129.                             {% if object is defined %}
  130.                                 {% set lastMinusOneUrl = pimcore_url({'object': object, (pageParamName): pages.last-1}) %}
  131.                             {% else %}
  132.                                 {% set lastMinusOneUrl = pimcore_url({(pageParamName): pages.last-1}) %}
  133.                             {% endif %}
  135.                             <li class="page-item">
  136.                                 <a class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  137.                                    href="{{ pimcore_url({ (pageParamName): pages.last-1 }) ~ hashSuffix }}"
  138.                                    data-page="{{ pages.last-1 }}">
  139.                                     {{ pages.last-1 }}
  140.                                 </a>
  141.                             </li>
  142.                         {% endif %}
  144.                         {% if pages.lastPageInRange != pages.last %}
  146.                             {% if object is defined %}
  147.                                 {% set lastUrl = pimcore_url({'object': object, (pageParamName): pages.last}) %}
  148.                             {% else %}
  149.                                 {% set lastUrl = pimcore_url({(pageParamName): pages.last}) %}
  150.                             {% endif %}
  152.                             <li class="page-item">
  153.                                 <a class="page-link {{ ajaxPaging ? ajaxClass : '' }}"
  154.                                    href="{{ lastUrl ~ hashSuffix }}">
  155.                                     {{ pages.last }}
  156.                                 </a>
  157.                             </li>
  158.                         {% endif %}
  160.                     {% endif %}
  162.                     {% if pages.next is defined %}
  163.                         {% if object is defined %}
  164.                             {% set nextUrl = pimcore_url({ 'object': object, (pageParamName): pages.next }) %}
  165.                         {% else %}
  166.                             {% set nextUrl = pimcore_url({ (pageParamName): pages.next }) %}
  167.                         {% endif %}
  170.                         {% do pimcore_placeholder('headNext').set('<link rel="next" href="' ~nextUrl ~ '">') %}
  171.                         <li class="page-item">
  172.                             <a class="page-link page-link--text {{ ajaxPaging ? ajaxClass : '' }}"
  173.                                href="{{ nextUrl ~ hashSuffix }}" rel="next" data-page="{{ pages.next }}">
  174.                                 {{ 'paging.vor'|trans }}
  175.                             </a>
  176.                         </li>
  177.                     {% else %}
  178.                         <li class="page-item disabled">
  179.                             <a href="#" class="page-link page-link--text {{ ajaxPaging ? ajaxClass : '' }}">
  180.                                 {{ 'paging.vor'|trans }}
  182.                             </a>
  183.                         </li>
  184.                     {% endif %}
  186.                 </ul>
  187.             </nav>
  188.         {% endif %}
  189.     {% endblock %}
  190. {% else %}
  191.     <div class="row align-items-center text-dark-grey font-decorative vertical-gutter--3 my-3 my-md-5">
  192.         <div class="col-auto vertical-gutter__item">
  193.             {{ paginator.totalItemCount }} {{ 'result-info.Ergebnisse'|trans }}
  194.         </div>
  195.         {% if hasFilterButton|default(false) %}
  196.             <div class="col-auto ml-auto d-md-none vertical-gutter__item">
  197.                 <button type="button" data-target="{{ filterTarget|default('filterTarget') }}"
  198.                         class="btn btn-no-styling text-primary-light js-overlay-toggle">
  199.                     <span class="icon icon-menu"></span> {{ 'result-info.Filter anzeigen'|trans }}
  200.                 </button>
  201.             </div>
  202.         {% endif %}
  203.         <div class="col-md vertical-gutter__item">
  204.             {% if block('paging') is defined %}
  205.                 {{ block('paging') }}
  206.             {% endif %}
  207.         </div>
  208.     </div>
  209. {% endif %}