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

Open in your IDE?
  1. {#
  2. /**
  3.  * @var addClass string
  4.  * @var totalItemCount
  5.  * @var firstPageInRange
  6.  * @var pagesInRange array
  7.  * @var lastPageInRange
  8.  * @var showFirstLast bool
  9.  * @var fist
  10.  * @var last
  11.  
  12.  * @var \Pimcore\Templating\PhpEngine view
  13.  * @var \Pimcore\Templating\GlobalVariables app
  14.  * @var Elements\Demi\Accommodation\Search\Parameter searchParam
  15.  */ #}
  17. {% set currentPage = app.getRequest().get('page', 1) %}
  19. {% set randSeed = searchParam is instanceof('\\Elements\\Demi\\Accommodation\\Search\\Parameter') ? searchParam.getOrderRandSeed() : 1 %} 
  20. {% set showFirstLast = true %}
  21. {% if pageCount > 1 %}
  23.     {% set array = {"[FROM]" : firstItemNumber, "[TO]" : lastItemNumber, "[ALL]" : totalItemCount|default(null) ?: totalCount|default(0)} %}
  25.     <div class="container my-4">
  26.         {% do jsConfig().add('scrollToTop', true) %}
  27.         <div class="row align-items-center">
  28.             <div class="col text-center mb-3">
  29.                 <a href="#" class="btn btn-link js-scroll-to-top">{{ "demi.paging.to-top-of-list" | trans }}</a>
  30.                 <span class="ml-5">{{ demi_fillTranslation(array, "demi.paging.results-from-to") }}</span>
  31.             </div>
  32.         </div>
  34.         <div class="row row--gutter-width-0 align-items-center justify-content-center">
  35.             <div class="col col-auto">
  37.                 {% if previous is defined %}
  38.                     {% do pimcore_placeholder('headPrev').set('<link rel="prev" href="' ~ pimcore_url({'page' : previous, 'randSeed' : randSeed}, null) ~ '">') %}
  39.                     <a href="{{ pimcore_url({'page' : previous, 'randSeed' : randSeed}) }}"
  40.                        class="btn btn-link js-acco-list__set-page" data-page="{{ previous }}" rel="prev">
  41.                         {{ 'demi.paging.back' | trans }}
  42.                     </a>
  43.                 {% else %}
  44.                     <a class="btn btn-link disabled">
  45.                         {{ 'demi.paging.back' | trans }}
  46.                     </a>
  47.                 {% endif %}
  48.             </div>
  51.             <div class="col col-auto">
  52.                 {% if  showFirstLast %}
  53.                     {% if  firstPageInRange != first %}
  54.                         <a href="{{ pimcore_url({'page' : first, 'randSeed' : randSeed}) }}"
  55.                            class="btn btn-default paging__btn js-acco-list__set-page {{ first == currentPage ? 'active' : '' }}"
  56.                            data-page="{{ first }}">{{ first }}</a>
  57.                     {% endif %}
  58.                     {% if  firstPageInRange > first+1 and firstPageInRange < first+3 %}
  60.                         <a href="{{ pimcore_url({'page' : first+1, 'randSeed' : randSeed}) }}"
  61.                            class="btn btn-default paging__btn js-acco-list__set-page {{ first+1 == currentPage ? 'active' : '' }}"
  62.                            data-page="{{ first+1 }}">{{ first+1 }}</a>
  63.                     {% endif %}
  64.                     {% if  firstPageInRange > first+2 %}
  65.                         <a href="#">...</a>
  66.                     {% endif %}
  67.                 {% endif %}
  70.                 {% for page in pagesInRange %}
  71.                     <a href="{{ pimcore_url({'page' : page, 'randSeed' : randSeed}) }}"
  72.                        class="btn btn-default paging__btn js-acco-list__set-page {{ page == currentPage ? 'active' : '' }}"
  73.                        data-page="{{ page }}">{{ page }}</a>
  74.                     {% if page == currentPage %}
  75.                         <span class="sr-only">({{ 'sr.demi.page.current' | trans }})</span>
  76.                     {% endif %}
  77.                 {% endfor %}
  79.                 {% if  showFirstLast %}
  80.                     {% if  lastPageInRange < last-2 %}
  81.                         <a href="#">...</a>
  82.                     {% endif %}
  83.                     {% if  lastPageInRange < last-1 and lastPageInRange > last-3 %}
  84.                         <a href="{{ pimcore_url({'page': last-1, 'randSeed' : randSeed}) }}"
  85.                            class="btn btn-default paging__btn js-acco-list__set-page {{ last-1 == currentPage ? 'active' : '' }}"
  86.                            data-page="{{ last-1 }}">{{ last-1 }}</a>
  87.                     {% endif %}
  89.                     {% if  lastPageInRange != last %}
  90.                         <a href="{{ pimcore_url({'page' : last, 'randSeed' : randSeed}) }}"
  91.                            class="btn btn-default paging__btn js-acco-list__set-page {{ last == currentPage ? 'active' : '' }}"
  92.                            data-page="{{ last }}">{{ last }}</a>
  93.                     {% endif %}
  94.                 {% endif %}
  96.             </div>
  98.             <div class="col col-auto">
  99.                 {% if next is defined %}
  100.                     {% do pimcore_placeholder('headNext').set('<link rel="next" href="' ~ pimcore_url({'page' : next, 'randSeed' : randSeed}) ~ '">') %}
  102.                     <a href="{{ pimcore_url({'page' : next, 'randSeed' : randSeed}) }}"
  103.                        class="btn btn-link js-acco-list__set-page" data-page="{{ next }}" rel="next">
  104.                         {{ 'demi.paging.forward' | trans }}
  105.                     </a>
  106.                 {% else %}
  107.                     <a class="btn btn-link disabled">
  108.                         {{ 'demi.paging.forward' | trans }}
  109.                     </a>
  110.                 {% endif %}
  111.             </div>
  112.         </div>
  113.     </div>
  114. {% endif %}