custom/plugins/FuerstenbergPorzellan/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 %}
  4.             <ul class="pagination"> 
  5.                 {% block component_pagination_first %}
  6.                     <li class="page-item page-first{% if currentPage == 1 %} disabled{% endif %} d-none">
  7.                         {% block component_pagination_first_input %}
  8.                             <input type="radio"
  9.                                    {% if currentPage == 1 %}disabled="disabled"{% endif %}
  10.                                    name="p"
  11.                                    id="p-first{{ paginationSuffix }}"
  12.                                    value="1"
  13.                                    class="d-none"
  14.                                    title="pagination">
  15.                         {% endblock %}
  17.                         {% block component_pagination_first_label %}
  18.                             <label class="page-link" for="p-first{{ paginationSuffix }}">
  19.                                 {% block component_pagination_first_link %}
  20.                                     {% sw_icon 'arrow-medium-double-left' style { 'size': 'fluid', 'pack': 'solid'} %}
  21.                                 {% endblock %}
  22.                             </label>
  23.                         {% endblock %}
  24.                     </li>
  25.                 {% endblock %}
  27.                 {% block component_pagination_prev %}
  28.                     <li class="page-item page-prev{% if currentPage == 1 %} disabled{% endif %}">
  29.                         {% block component_pagination_prev_input %}
  30.                             <input type="radio"
  31.                                    {% if currentPage == 1 %}disabled="disabled"{% endif %}
  32.                                    name="p"
  33.                                    id="p-prev{{ paginationSuffix }}"
  34.                                    value="{{ currentPage - 1 }}"
  35.                                    class="d-none"
  36.                                    title="pagination">
  37.                         {% endblock %}
  39.                         {% block component_pagination_prev_label %}
  40.                             <label class="page-link" for="p-prev{{ paginationSuffix }}">
  41.                                 {% block component_pagination_prev_link %}
  42.                                     {% block component_pagination_prev_icon %}
  43.                                         {% sw_icon 'arrow-left' %}
  44.                                     {% endblock %}
  45.                                 {% endblock %}
  46.                             </label>
  47.                         {% endblock %}
  48.                     </li>
  49.                 {% endblock %}
  51.                 {% block component_pagination_loop %}
  52.                     {% set start = currentPage - 2 %}
  53.                     {% if start <= 0 %}
  54.                         {% set start = currentPage - 1 %}
  55.                         {% if start <= 0 %}
  56.                             {% set start = currentPage %}
  57.                         {% endif %}
  58.                     {% endif %}
  60.                     {% set end = start + 5 %}
  62.                     {% if end > totalPages %}
  63.                         {% set end = totalPages %}
  64.                     {% endif %}
  66.                     {% for page in start..end %}
  68.                         {% set isActive = (currentPage == page) %}
  70.                         {% block component_pagination_item %}
  71.                             <li class="page-item{% if isActive %} active{% endif %}">
  72.                                 {% block component_pagination_item_input %}
  73.                                     <input type="radio"
  74.                                            name="p"
  75.                                            id="p{{ page }}{{ paginationSuffix }}"
  76.                                            value="{{ page }}"
  77.                                            class="d-none"
  78.                                            title="pagination"
  79.                                            {% if isActive %}checked="checked"{% endif %}>
  80.                                 {% endblock %}
  82.                                 {% block component_pagination_item_label %}
  83.                                     <label class="page-link"
  84.                                            for="p{{ page }}{{ paginationSuffix }}">
  85.                                         {% block component_pagination_item_link %}
  86.                                             {% block component_pagination_item_text %}
  87.                                                 {{ page }}
  88.                                             {% endblock %}
  89.                                         {% endblock %}
  90.                                     </label>
  91.                                 {% endblock %}
  92.                             </li>
  93.                         {% endblock %}
  95.                     {% endfor %}
  96.                 {% endblock %}
  98.                 {% block component_pagination_next %}
  99.                     <li class="page-item page-next{% if currentPage == totalPages %} disabled{% endif %}">
  100.                         {% block component_pagination_next_input %}
  101.                             <input type="radio"
  102.                                    {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  103.                                    name="p"
  104.                                    id="p-next{{ paginationSuffix }}"
  105.                                    value="{{ currentPage + 1 }}"
  106.                                    class="d-none"
  107.                                    title="pagination">
  108.                         {% endblock %}
  110.                         {% block component_pagination_next_label %}
  111.                             <label class="page-link" for="p-next{{ paginationSuffix }}">
  112.                                 {% block component_pagination_next_link %}
  113.                                     {% block component_pagination_next_icon %}
  114.                                         {% sw_icon 'arrow-right' %}
  115.                                     {% endblock %}
  116.                                 {% endblock %}
  117.                             </label>
  118.                         {% endblock %}
  119.                     </li>
  120.                 {% endblock %}
  122.                 {% block component_pagination_last %}
  123.                     <li class="page-item page-last{% if currentPage == totalPages %} disabled{% endif %} d-none">
  124.                         {% block component_pagination_last_input %}
  125.                             <input type="radio"
  126.                                    {% if currentPage == totalPages %}disabled="disabled"{% endif %}
  127.                                    name="p"
  128.                                    id="p-last{{ paginationSuffix }}"
  129.                                    value="{{ totalPages }}"
  130.                                    class="d-none"
  131.                                    title="pagination">
  132.                         {% endblock %}
  134.                         {% block component_pagination_last_label %}
  135.                             <label class="page-link" for="p-last{{ paginationSuffix }}">
  136.                                 {% block component_pagination_last_link %}
  137.                                     {% block component_pagination_last_icon %}
  138.                                         {% sw_icon 'arrow-medium-double-right' style {
  139.                                             'size': 'fluid',
  140.                                             'pack': 'solid'
  141.                                         } %}
  142.                                     {% endblock %}
  143.                                 {% endblock %}
  144.                             </label>
  145.                         {% endblock %}
  146.                     </li>
  147.                 {% endblock %}
  148.             </ul>
  150.         {% endblock %}