templates/pagination.twig line 1

  1. {#
  2. /**
  3.  * @file
  4.  * Twitter Bootstrap v4 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.5/components/pagination/
  9.  *
  10.  */
  11. #}
  12. {% if pageCount > 1 %}
  14.     <div class="product-pagination">
  15.         <div class="theme-paggination-block">
  16.             <div class="row">
  17.                 <div class="col-xl-6 col-md-6 col-sm-12">
  18.                     <nav aria-label="Page navigation">
  19.                         <ul class="pagination">
  20.                            {% if previous is defined %}
  21.                             <li class="page-item"><a class="page-link" href="{{ path(route, query|merge({(pageParameterName): previous})) }}" aria-label="Previous"><span aria-hidden="true"><i class="fa fa-chevron-left" aria-hidden="true"></i></span> <span class="sr-only">Previous</span></a></li>
  22.                            {% endif %}
  23.                            
  24.                             {% for page in pagesInRange %}
  25.                                 {% if page != current %}
  26.                                     <li class="page-item"><a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a></li>
  27.                                 {% else %}
  28.                                     <li class="page-item active">
  29.                                         <a class="page-link" href="#">{{ page }}</a>
  30.                                     </li>
  31.                                 {% endif %}
  32.                             {% endfor %}
  33.                             
  34.                             {% if next is defined %}
  35.                                 <li class="page-item"><a class="page-link" href="{{ path(route, query|merge({(pageParameterName): next})) }}" aria-label="Next"><span aria-hidden="true"><i class="fa fa-chevron-right" aria-hidden="true"></i></span> <span class="sr-only">Next</span></a></li>
  36.                             {% endif %}
  37.                         </ul>
  38.                     </nav>
  39.                 </div>
  40.                 
  41.             </div>
  42.         </div>
  43.     </div>
  45. {% endif %}
  47. {# {% if pageCount > 1 %}
  48.     <nav>
  49.         {% set classAlign = (align is not defined) ? '' : align=='center' ? ' justify-content-center' : (align=='right' ? ' justify-content-end' : '') %}
  50.         {% set classSize = (size is not defined) ? '' : size=='large' ? ' pagination-lg' : (size=='small' ? ' pagination-sm' : '') %}
  51.         <ul class="pagination{{ classAlign }}{{ classSize }}">
  53.             {% if previous is defined %}
  54.                 <li class="page-item">
  55.                     <a class="page-link" rel="prev" href="{{ path(route, query|merge({(pageParameterName): previous})) }}">&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}</a>
  56.                 </li>
  57.             {% else %}
  58.                 <li class="page-item disabled">
  59.                     <span class="page-link">&laquo;&nbsp;{{ 'label_previous'|trans({}, 'KnpPaginatorBundle') }}</span>
  60.                 </li>
  61.             {% endif %}
  63.             {% if startPage > 1 %}
  64.                 <li class="page-item">
  65.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 1})) }}">1</a>
  66.                 </li>
  67.                 {% if startPage == 3 %}
  68.                     <li class="page-item">
  69.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): 2})) }}">2</a>
  70.                     </li>
  71.                 {% elseif startPage != 2 %}
  72.                     <li class="page-item disabled">
  73.                         <span class="page-link">&hellip;</span>
  74.                     </li>
  75.                 {% endif %}
  76.             {% endif %}
  78.             {% for page in pagesInRange %}
  79.                 {% if page != current %}
  80.                     <li class="page-item">
  81.                         <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): page})) }}">{{ page }}</a>
  82.                     </li>
  83.                 {% else %}
  84.                     <li class="page-item active">
  85.                         <span class="page-link">{{ page }}</span>
  86.                     </li>
  87.                 {% endif %}
  89.             {% endfor %}
  91.             {% if pageCount > endPage %}
  92.                 {% if pageCount > (endPage + 1) %}
  93.                     {% if pageCount > (endPage + 2) %}
  94.                         <li class="page-item disabled">
  95.                             <span class="page-link">&hellip;</span>
  96.                         </li>
  97.                     {% else %}
  98.                         <li class="page-item">
  99.                             <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): (pageCount - 1)})) }}">{{ pageCount -1 }}</a>
  100.                         </li>
  101.                     {% endif %}
  102.                 {% endif %}
  103.                 <li class="page-item">
  104.                     <a class="page-link" href="{{ path(route, query|merge({(pageParameterName): pageCount})) }}">{{ pageCount }}</a>
  105.                 </li>
  106.             {% endif %}
  108.             {% if next is defined %}
  109.                 <li class="page-item">
  110.                     <a class="page-link" rel="next" href="{{ path(route, query|merge({(pageParameterName): next})) }}">{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;</a>
  111.                 </li>
  112.             {% else %}
  113.                 <li  class="page-item disabled">
  114.                     <span class="page-link">{{ 'label_next'|trans({}, 'KnpPaginatorBundle') }}&nbsp;&raquo;</span>
  115.                 </li>
  116.             {% endif %}
  117.         </ul>
  118.     </nav>
  119. {% endif %} #}