custom/plugins/KayloBasicTheme/src/Resources/views/storefront/component/pagination.html.twig line 1

Open in your IDE?
  1. {% block component_pagination_nav %}
  2.     {% set currentPage = ((criteria.offset + 1) / criteria.limit )|round(0, 'ceil') %}
  3.     {% set totalPages = (entities.total / criteria.limit)|round(0, 'ceil') %}
  5.     {% if totalPages > 1 %}
  6.         <nav aria-label="pagination" class="pagination-nav">
  7.             {% block component_pagination %}
  8.             <ul class="pagination">
  9.                 {% block component_pagination_first %}
  10.                     <li class="page-item page-first{% if currentPage == 1 %} disabled{% endif %}">
  11.                         {% block component_pagination_first_input %}
  12.                             <input type="radio"
  13.                                    {% if currentPage == 1 %}disabled="disabled"{% endif %}
  14.                                    name="p"
  15.                                    id="p-first"
  16.                                    value="1"
  17.                                    class="d-none"
  18.                                    title="pagination">
  19.                         {% endblock %}
  21.                         {% block component_pagination_first_label %}
  22.                             <label class="page-link" for="p-first">
  23.                                 {% block component_pagination_first_link %}
  24.                                     {% sw_icon 'arrow-medium-double-left' style { 'size': 'fluid', 'pack': 'solid'} %}
  25.                                 {% endblock %}
  26.                             </label>
  27.                         {% endblock %}
  28.                     </li>
  29.                 {% endblock %}
  31.                 {% block component_pagination_prev %}
  32.                     <li class="page-item page-prev{% if currentPage == 1 %} disabled{% endif %}">
  33.                         {% block component_pagination_prev_input %}
  34.                             <input type="radio"
  35.                                    {% if currentPage == 1 %}disabled="disabled"{% endif %}
  36.                                    name="p"
  37.                                    id="p-prev"
  38.                                    value="{{ currentPage - 1 }}"
  39.                                    class="d-none"
  40.                                    title="pagination">
  41.                         {% endblock %}
  43.                         {% block component_pagination_prev_label %}
  44.                             <label class="page-link" for="p-prev">
  45.                                 {% block component_pagination_prev_link %}
  46.                                     {% block component_pagination_prev_icon %}
  47.                                         {% sw_icon 'arrow-medium-left' style {'size': 'fluid', 'pack': 'solid'} %}
  48.                                     {% endblock %}
  49.                                 {% endblock %}
  50.                             </label>
  51.                         {% endblock %}
  52.                     </li>
  53.                 {% endblock %}
  55.                 {% block component_pagination_loop %}
  56.                     {% set start = currentPage - 2 %}
  57.                     {% if start <= 0 %}
  58.                         {% set start = currentPage - 1 %}
  59.                         {% if start <= 0 %}
  60.                             {% set start = currentPage %}
  61.                         {% endif %}
  62.                     {% endif %}
  64.                     {% set end = start + 4 %}
  66.                     {% if end > totalPages %}
  67.                         {% set end = totalPages %}
  68.                     {% endif %}
  70.                     {% for page in start..end %}
  72.                         {% set isActive = (currentPage == page) %}
  74.                         {% block component_pagination_item %}
  75.                             <li class="page-item{% if isActive %} active{% endif %}">
  76.                                 {% block component_pagination_item_input %}
  77.                                     <input type="radio"
  78.                                            name="p"
  79.                                            id="p{{ page }}"
  80.                                            value="{{ page }}"
  81.                                            class="d-none"
  82.                                            title="pagination"
  83.                                            {% if isActive %}checked="checked"{% endif %}>
  84.                                 {% endblock %}
  86.                                 {% block component_pagination_item_label %}
  87.                                     <label class="page-link"
  88.                                            for="p{{ page }}">
  89.                                         {% block component_pagination_item_link %}
  90.                                             {% block component_pagination_item_text %}
  91.                                                 {{ page }}
  92.                                             {% endblock %}
  93.                                         {% endblock %}
  94.                                     </label>
  95.                                 {% endblock %}
  96.                             </li>
  97.                         {% endblock %}
  99.                     {% endfor %}
  100.                 {% endblock %}
  102.                 {% block component_pagination_next %}
  103.                     <li class="page-item page-next{% if currentPage == totalPages %} disabled{% endif %}">
  104.                         {% block component_pagination_next_input %}
  105.                             <input type="radio"
  106.                                    {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  107.                                    name="p"
  108.                                    id="p-next"
  109.                                    value="{{ currentPage + 1 }}"
  110.                                    class="d-none"
  111.                                    title="pagination">
  112.                         {% endblock %}
  114.                         {% block component_pagination_next_label %}
  115.                             <label class="page-link" for="p-next">
  116.                                 {% block component_pagination_next_link %}
  117.                                     {% block component_pagination_next_icon %}
  118.                                         {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  119.                                     {% endblock %}
  120.                                 {% endblock %}
  121.                             </label>
  122.                         {% endblock %}
  123.                     </li>
  124.                 {% endblock %}
  126.                 {% block component_pagination_last %}
  127.                     <li class="page-item page-last{% if currentPage == totalPages %} disabled{% endif %}">
  128.                         {% block component_pagination_last_input %}
  129.                             <input type="radio"
  130.                                    {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  131.                                    name="p"
  132.                                    id="p-last"
  133.                                    value="{{ totalPages }}"
  134.                                    class="d-none"
  135.                                    title="pagination">
  136.                         {% endblock %}
  138.                         {% block component_pagination_last_label %}
  139.                             <label class="page-link" for="p-last">
  140.                                 {% block component_pagination_last_link %}
  141.                                     {% block component_pagination_last_icon %}
  142.                                         {% sw_icon 'arrow-medium-double-right' style {
  143.                                             'size': 'fluid',
  144.                                             'pack': 'solid'
  145.                                         } %}
  146.                                     {% endblock %}
  147.                                 {% endblock %}
  148.                             </label>
  149.                         {% endblock %}
  150.                     </li>
  151.                 {% endblock %}
  152.             </ul>
  153.         {% endblock %}
  154.         </nav>
  155.     {% endif %}
  156. {% endblock %}