src/Elements/Bundle/DemiFrontendBundle/Resources/views/Includes/paging.html.twig line 1

Open in your IDE?
  1. {#
  2. this is not the twig version of the php paging template in this folder
  3. this is a generic paging template
  4. #}
  6. {% set leftIcon = leftIcon|default('icon-arrow-left page-link__arrow') %}
  7. {% set rightIcon = rightIcon|default('icon-arrow-right page-link__arrow') %}
  8. {% set hideCount = hideCount|default(false) %}
  9. {% set addClassArray = addClassArray|default([]) %}
  10. {% if hideCount %}
  11.     {% set addClassArray = addClassArray|merge(['no-paging--count']) %}
  12. {% endif %}
  15. {% set path = app.request.get("baseUrl") %}
  17. {% do app.request.query.remove("baseUrl") %}
  18. {% do app.request.query.remove("page") %}
  19. {% do app.request.query.remove("ajax") %}
  21. {% set queryString = "" %}
  22. {% if app.request.query is not empty %}
  23.     {% set queryString = "&" ~ app.request.query.all | url_encode %}
  24. {% endif %}
  26. {% if addClass|default('') is not empty %}
  27.     {% set addClassArray = addClassArray|merge([addClass]) %}
  28. {% endif %}
  29. {% set totalItemCount = demi_hasKnpPaginator() ? totalCount|default(0) : totalItemCount|default(0) %}
  31. <div class="{{ pagingClass|default('') }}">
  32.     <div class="row align-items-center {{ addClassArray|join('') }}">
  33.         {% if not hideCount %}
  34.             <div class="col-md-4 has-paging--count">
  35.                 <div class="row row--gutter-with-10">
  36.                     <div class="col-md-auto text-center text-md-left text-nowrap">
  37.                         {{ totalItemCount }} {{ totalItemCount == 1 ? resultTk|default('demi.infrastructure.paging.result')|trans : resultsTk|default('demi.infrastructure.paging.results')|trans }}
  38.                     </div>
  39.                 </div>
  40.             </div>
  41.         {% endif %}
  43.         {% if pageCount > 1 %}
  44.             <div class="col-md-8 has-paging--list">
  45.                 <ul class="pagination justify-content-center justify-content-md-end js-filter-form-paging">
  46.                     {% if previous|default('') %}
  47.                         {% do pimcore_placeholder('headPrev').set('<link rel="prev" href="' ~ path ~ "?page=" ~ previous ~ queryString ~ '">') %}
  48.                         <li class="li-has-arrow page-item">
  49.                             <a class="page-link {{ pageLinkClass|default('') }}" href="{{ path ~ "?page=" ~ previous ~ queryString  }}"
  50.                                data-page="{{ previous }}" rel="prev">
  51.                                 <span class="icon icon-in-text {{ leftIcon }}"></span>
  52.                             </a>
  53.                         </li>
  54.                     {% else %}
  55.                         <li class="disabled li-has-arrow page-item">
  56.                             <a class="page-link" href="#">
  57.                                 <span class="icon icon-in-text {{ leftIcon }}"></span>
  58.                             </a>
  59.                         </li>
  60.                     {% endif %}
  62.                     {% if showFirstLast|default(false) %}
  63.                         {% if firstPageInRange != first %}
  64.                             <li class="page-item">
  65.                                 <a class="page-link {{ pageLinkClass|default('') }}"
  66.                                    href="{{ path ~ "?page=" ~ first }}" data-page="{{ first }}">
  67.                                     {{ first }}
  68.                                 </a>
  69.                             </li>
  70.                         {% endif %}
  71.                         {% if firstPageInRange > first +1 and firstPageInRange < first+3 %}
  72.                             <li class="page-item">
  73.                                 <a class="page-link {{ pageLinkClass|default('') }}"
  74.                                    href="{{ path ~ "?page=" ~ first+1 ~ queryString }}" data-page="{{ first+1 }}">
  75.                                     {{ first+1 }}
  76.                                 </a>
  77.                             </li>
  78.                         {% endif %}
  79.                         {% if firstPageInRange > first +2 %}
  80.                             <li class="page-item">
  81.                                 <a class="page-link" href="#">...</a>
  82.                             </li>
  83.                         {% endif %}
  84.                     {% endif %}
  86.                     {% for page in pagesInRange %}
  87.                         {% if page != current %}
  88.                             <li class="page-item">
  89.                                 <a class="page-link {{ pageLinkClass|default('') }}" href="{{ path ~ "?page=" ~ page ~ queryString }}"
  90.                                    data-page="{{ page }}">
  91.                                     {{ page }}
  92.                                 </a>
  93.                             </li>
  94.                         {% else %}
  95.                             <li class="active page-item">
  96.                                 <a class="page-link {{ pageLinkClass|default('') }}" href="" data-page="{{ page }}">
  97.                                     {{ page }}
  98.                                     <span class="sr-only">({{ 'sr.page.current'|trans }})</span>
  99.                                 </a>
  100.                             </li>
  101.                         {% endif %}
  102.                     {% endfor %}
  104.                     {% if showFirstLast|default(false) %}
  105.                         {% if lastPageInRange < last-2 %}
  106.                             <li class="disabled page-item">
  107.                                 <a class="page-link {{ pageLinkClass|default('') }}" href="#">...</a>
  108.                             </li>
  109.                         {% endif %}
  110.                         {% if lastPageInRange < last-1 and lastPageInRange > last-3 %}
  111.                             <li class="page-item">
  112.                                 <a class="page-link {{ pageLinkClass|default('') }}"
  113.                                    href="{{ path ~ "?page=" ~ last-1 ~ queryString }}" data-page="{{ last-1 }}">
  114.                                     {{ last-1 }}
  115.                                 </a>
  116.                             </li>
  117.                         {% endif %}
  118.                         {% if lastPageInRange != last %}
  119.                             <li class="page-item">
  120.                                 <a class="page-link {{ pageLinkClass|default('') }}" href="{{ path ~ "?page=" ~ last ~ queryString  }}"
  121.                                    data-page="{{ last }}">
  122.                                     {{ last }}
  123.                                 </a>
  124.                             </li>
  125.                         {% endif %}
  126.                     {% endif %}
  128.                     {% if next|default(null) %}
  129.                         {% do pimcore_placeholder('headNext').set('<link rel="next" href="' ~ path ~ "?page=" ~ next ~ queryString ~ '">') %}
  130.                         <li class="page-item">
  131.                             <a class="page-link {{ pageLinkClass|default('') }}" href="{{ path ~ "?page=" ~ next ~ queryString }}"
  132.                                data-page="{{ next }}">
  133.                                 <span class="icon icon-in-text {{ rightIcon }}"></span>
  134.                             </a>
  135.                         </li>
  136.                     {% else %}
  137.                         <li class="disabled li-has-arrow page-item">
  138.                             <a class="page-link" href="#">
  139.                                 <span class="icon icon-in-text {{ rightIcon }}"></span>
  140.                             </a>
  141.                         </li>
  142.                     {% endif %}
  144.                 </ul>
  145.             </div>
  146.         {% endif %}
  148.     </div>
  149. </div>