templates/frontend/dataset/pager.html.twig line 1

Open in your IDE?
  1. {#
  2. /**
  3.  * @file
  4.  * Twitter Bootstrap v4-beta.2 Sliding pagination control implementation.
  5.  *
  6.  * View that can be used with the pagination module
  7.  * from the Twitter Bootstrap CSS Toolkit
  8.  * https://getbootstrap.com/docs/4.4/components/pagination/
  9.  *
  10.  */
  11. #}
  13. <style>
  14. .page-link{
  15.     color: #74abad;
  16. }
  17. .page-item.active .page-link {
  18.     background-color: #74abad;
  19.     border-color: #74abad;
  20. }
  21. </style>
  23. {% if pageCount > 1 %}
  24.     <nav>
  25.         {% set classAlign = (align is not defined) ? '' : align=='center' ? ' justify-content-center' : (align=='right' ? ' justify-content-end' : '') %}
  26.         {% set classSize = (size is not defined) ? '' : size=='large' ? ' pagination-lg' : (size=='small' ? ' pagination-sm' : '') %}
  27.         <ul class="pagination{{ classAlign }}{{ classSize }}">
  29.             {% if previous is defined %}
  30.                 <li class="page-item">
  31.                     <a class="page-link" rel="prev" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}</a>
  32.                 </li>
  33.             {% else %}
  34.                 <li class="page-item disabled">
  35.                     <span class="page-link">&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}</span>
  36.                 </li>
  37.             {% endif %}
  39.             {% if startPage > 1 %}
  40.                 <li class="page-item">
  41.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  42.                 </li>
  43.                 {% if startPage == 3 %}
  44.                     <li class="page-item">
  45.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  46.                     </li>
  47.                 {% elseif startPage != 2 %}
  48.                     <li class="page-item disabled">
  49.                         <span class="page-link">&hellip;</span>
  50.                     </li>
  51.                 {% endif %}
  52.             {% endif %}
  54.             {% for page in pagesInRange %}
  55.                 {% if page != current %}
  56.                     <li class="page-item">
  57.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
  58.                     </li>
  59.                 {% else %}
  60.                     <li class="page-item active">
  61.                         <span class="page-link">{{ page }}</span>
  62.                     </li>
  63.                 {% endif %}
  65.             {% endfor %}
  67.             {% if pageCount > endPage %}
  68.                 {% if pageCount > (endPage + 1) %}
  69.                     {% if pageCount > (endPage + 2) %}
  70.                         <li class="page-item disabled">
  71.                             <span class="page-link">&hellip;</span>
  72.                         </li>
  73.                     {% else %}
  74.                         <li class="page-item">
  75.                             <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
  76.                         </li>
  77.                     {% endif %}
  78.                 {% endif %}
  79.                 <li class="page-item">
  80.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  81.                 </li>
  82.             {% endif %}
  84.             {% if next is defined %}
  85.                 <li class="page-item">
  86.                     <a class="page-link" rel="next" href="{{ path(route, query|merge({(pageParameterName): next})) }}">{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;</a>
  87.                 </li>
  88.             {% else %}
  89.                 <li  class="page-item disabled">
  90.                     <span class="page-link">{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;</span>
  91.                 </li>
  92.             {% endif %}
  93.         </ul>
  94.     </nav>
  95. {% endif %}