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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/pagination.html.twig' %}
  3. {% block component_pagination_nav %}
  4.     {% set currentPage = ((criteria.offset + 1) / criteria.limit )|round(0, 'ceil') %}
  5.     {% set totalPages = (entities.total / criteria.limit)|round(0, 'ceil') %}
  7.     {% if totalPages > 1 %}
  8.         <nav aria-label="pagination" class="pagination-nav">
  9.             {% block component_pagination %}
  10.             <ul class="pagination">
  12.                 {% block component_pagination_prev %}
  13.                     <li class="page-item page-prev{% if currentPage == 1 %} disabled{% endif %}">
  14.                         {% block component_pagination_prev_input %}
  15.                             <input type="radio"
  16.                                    {% if currentPage == 1 %}disabled="disabled"{% endif %}
  17.                                    name="p"
  18.                                    id="p-prev"
  19.                                    value="{{ currentPage - 1 }}"
  20.                                    class="d-none"
  21.                                    title="pagination">
  22.                         {% endblock %}
  24.                         {% block component_pagination_prev_label %}
  25.                             <label class="page-link" for="p-prev">
  26.                                 {% block component_pagination_prev_link %}
  27.                                     {% block component_pagination_prev_icon %}
  28.                                         {% sw_icon 'arrow-medium-left' style {'size': 'fluid', 'pack': 'solid'} %}
  29.                                     {% endblock %}
  30.                                 {% endblock %}
  31.                             </label>
  32.                         {% endblock %}
  33.                     </li>
  34.                 {% endblock %}
  36.                 {% block component_pagination_loop %}
  37.                     {% set start = currentPage - 2 %}
  38.                     {% if start <= 0 %}
  39.                         {% set start = currentPage - 1 %}
  40.                         {% if start <= 0 %}
  41.                             {% set start = currentPage %}
  42.                         {% endif %}
  43.                     {% endif %}
  45.                     {% set end = start + 4 %}
  47.                     {% if end > totalPages %}
  48.                         {% set end = totalPages %}
  49.                     {% endif %}
  51.                     {% for page in start..end %}
  53.                         {% set isActive = (currentPage == page) %}
  55.                         {% block component_pagination_item %}
  56.                             <li class="page-item{% if isActive %} active{% endif %}">
  57.                                 {% block component_pagination_item_input %}
  58.                                     <input type="radio"
  59.                                            name="p"
  60.                                            id="p{{ page }}"
  61.                                            value="{{ page }}"
  62.                                            class="d-none"
  63.                                            title="pagination"
  64.                                            {% if isActive %}checked="checked"{% endif %}>
  65.                                 {% endblock %}
  67.                                 {% block component_pagination_item_label %}
  68.                                     <label class="page-link"
  69.                                            for="p{{ page }}">
  70.                                         {% block component_pagination_item_link %}
  71.                                             {% block component_pagination_item_text %}
  72.                                                 {{ page }}
  73.                                             {% endblock %}
  74.                                         {% endblock %}
  75.                                     </label>
  76.                                 {% endblock %}
  77.                             </li>
  78.                         {% endblock %}
  80.                     {% endfor %}
  81.                 {% endblock %}
  83.                 {% block component_pagination_next %}
  84.                     <li class="page-item page-next{% if currentPage == totalPages %} disabled{% endif %}">
  85.                         {% block component_pagination_next_input %}
  86.                             <input type="radio"
  87.                                    {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  88.                                    name="p"
  89.                                    id="p-next"
  90.                                    value="{{ currentPage + 1 }}"
  91.                                    class="d-none"
  92.                                    title="pagination">
  93.                         {% endblock %}
  95.                         {% block component_pagination_next_label %}
  96.                             <label class="page-link" for="p-next">
  97.                                 {% block component_pagination_next_link %}
  98.                                     {% block component_pagination_next_icon %}
  99.                                         {% sw_icon 'arrow-medium-right' style { 'size': 'fluid', 'pack': 'solid'} %}
  100.                                     {% endblock %}
  101.                                 {% endblock %}
  102.                             </label>
  103.                         {% endblock %}
  104.                     </li>
  105.                 {% endblock %}
  106.             </ul>
  107.         {% endblock %}
  108.         </nav>
  109.     {% endif %}
  110. {% endblock %}