templates/content/structure/paginationV.html.twig line 1

Open in your IDE?
  1. <nav class="col-12">
  2.   <ul class="pagination justify-content-center">
  4.   {% if pages > 10 %}
  6.     <!-- precedente -->
  7.     <li class="page-item {% if currentPage == 1 %}disabled{% endif %}">
  8.       <a href="
  9.       {% if seq is defined %}
  10.         {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (currentPage - 1) }) }}
  11.       {% else %}
  12.         {{ path("visiteur_stacks_structure_page", { "page" : (currentPage - 1) }) }}
  13.       {% endif %}
  14.       " class="page-link">Précédente</a>
  15.     </li>
  17.     {% if currentPage < 6 or currentPage > (pages-5) %}
  19.       {% for i in 1..3 %}
  20.         <li class="page-item {% if currentPage == i %}active{% endif %}">
  21.           <a href="
  22.           {% if seq is defined %}
  23.             {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : i }) }}
  24.           {% else %}
  25.             {{ path("visiteur_stacks_structure_page", { "page" : i }) }}
  26.           {% endif %}
  27.           " class="page-link">{{ i }}</a>
  28.         </li>
  29.       {% endfor %}
  31.       {% if currentPage == 3 %}
  32.       <li class="page-item">
  33.         <a href="
  34.         {% if seq is defined %}
  35.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 4 }) }}
  36.         {% else %}
  37.           {{ path("visiteur_stacks_structure_page", { "page" : 4 }) }}
  38.         {% endif %}
  39.         " class="page-link">4</a>
  40.       </li>
  42.       {% elseif currentPage == 4 %}
  43.       <li class="page-item active">
  44.         <a href="
  45.         {% if seq is defined %}
  46.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 4 }) }}
  47.         {% else %}
  48.           {{ path("visiteur_stacks_structure_page", { "page" : 4 }) }}
  49.         {% endif %}
  50.         " class="page-link">4</a>
  51.       </li>
  52.       <li class="page-item">
  53.         <a href="
  54.         {% if seq is defined %}
  55.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 5 }) }}
  56.         {% else %}
  57.           {{ path("visiteur_stacks_structure_page", { "page" : 5 }) }}
  58.         {% endif %}
  59.         " class="page-link">5</a>
  60.       </li>
  62.       {% elseif currentPage == 5 %}
  63.       <li class="page-item">
  64.         <a href="
  65.         {% if seq is defined %}
  66.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 4 }) }}
  67.         {% else %}
  68.           {{ path("visiteur_stacks_structure_page", { "page" : 4 }) }}
  69.         {% endif %}
  70.         " class="page-link">4</a>
  71.       </li>
  72.       <li class="page-item active">
  73.         <a href="
  74.         {% if seq is defined %}
  75.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 5 }) }}
  76.         {% else %}
  77.           {{ path("visiteur_stacks_structure_page", { "page" : 5 }) }}
  78.         {% endif %}
  79.         " class="page-link">5</a>
  80.       </li>
  81.       <li class="page-item">
  82.           <a href="
  83.           {% if seq is defined %}
  84.             {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : 6 }) }}
  85.           {% else %}
  86.             {{ path("visiteur_stacks_structure_page", { "page" : 6 }) }}
  87.           {% endif %}
  88.           " class="page-link">6</a>
  89.       </li>
  90.       {% endif %}
  92.       <li class="page-item">
  93.         <a href="#" class="page-link">...</a>
  94.       </li>
  96.       {% if currentPage == (pages-4) %}
  97.       <li class="page-item">
  98.         <a href="
  99.         {% if seq is defined %}
  100.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (pages-5) }) }}
  101.         {% else %}
  102.           {{ path("visiteur_stacks_structure_page", { "page" : (pages-5) }) }}
  103.         {% endif %}
  104.         " class="page-link">{{ (pages-5) }}</a>
  105.       </li>
  106.       <li class="page-item active">
  107.         <a href="
  108.         {% if seq is defined %}
  109.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (pages-4) }) }}
  110.         {% else %}
  111.           {{ path("visiteur_stacks_structure_page", { "page" : (pages-4) }) }}
  112.         {% endif %}
  113.         " class="page-link">{{ (pages-4) }}</a>
  114.       </li>
  115.       <li class="page-item">
  116.         <a href="
  117.         {% if seq is defined %}
  118.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (pages-3) }) }}
  119.         {% else %}
  120.           {{ path("visiteur_stacks_structure_page", { "page" : (pages-3) }) }}
  121.         {% endif %}
  122.         " class="page-link">{{ (pages-3) }}</a>
  123.       </li>
  125.       {% elseif currentPage == (pages-3) %}
  126.       <li class="page-item">
  127.         <a href="
  128.         {{ path("visiteur_stacks_structure_page", { "page" : (pages-4) }) }}
  129.         " class="page-link">{{ (pages-4) }}</a>
  130.       </li>
  131.       <li class="page-item active">
  132.         <a href="
  133.         {{ path("visiteur_stacks_structure_page", { "page" : (pages-3) }) }}
  134.         " class="page-link">{{ (pages-3) }}</a>
  135.       </li>
  136.       {% elseif currentPage == (pages-2) %}
  137.       <li class="page-item">
  138.         <a href="
  139.         {{ path("visiteur_stacks_structure_page", { "page" : (pages-3) }) }}
  140.         " class="page-link">{{ (pages-3) }}</a>
  141.       </li>
  142.       {% endif %}
  144.       {% for i in (pages-2)..pages %}
  145.       <li class="page-item {% if currentPage == i %}active{% endif %}">
  146.         <a href="
  147.         {{ path("visiteur_stacks_structure_page", { "page" : i }) }}
  148.         " class="page-link">{{ i }}</a>
  149.       </li>
  150.       {% endfor %}
  152.     {% else %}
  153.       {% for i in 1..3 %}
  154.         <li class="page-item {% if currentPage == i %}active{% endif %}">
  155.           <a href="
  156.           {{ path("visiteur_stacks_structure_page", { "page" : i }) }}
  157.           " class="page-link">{{ i }}</a>
  158.         </li>
  159.       {% endfor %}
  161.       <li class="page-item">
  162.         <a href="#" class="page-link">...</a>
  163.       </li>
  165.       {% for i in (currentPage-1)..(currentPage+1) %}
  166.         <li class="page-item {% if currentPage == i %}active{% endif %}">
  167.           <a href="
  168.           {{ path("visiteur_stacks_structure_page", { "page" : i }) }}
  169.           " class="page-link">{{ i }}</a>
  170.         </li>
  171.       {% endfor %}
  173.       <li class="page-item">
  174.         <a href="#" class="page-link">...</a>
  175.       </li>
  177.       {% for i in (pages-2)..pages %}
  178.         <li class="page-item {% if currentPage == 1 %}active{% endif %}">
  179.           <a href="
  180.           {% if seq is defined %}
  181.             {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : i }) }}
  182.           {% else %}
  183.             {{ path("visiteur_stacks_structure_page", { "page" : i }) }}
  184.           {% endif %}
  185.           " class="page-link">{{ i }}</a>
  186.         </li>
  187.       {% endfor %}
  189.     {% endif %}
  191.     <!-- suivant -->
  192.     <li class="page-item {% if currentPage == pages %}disabled{% endif %}">
  193.       <a href="
  194.       {% if seq is defined %}
  195.         {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (currentPage + 1) }) }}
  196.       {% else %}
  197.         {{ path("visiteur_stacks_structure_page", { "page" : (currentPage + 1) }) }}
  198.       {% endif %}
  199.       " class="page-link">Suivante</a>
  200.     </li>
  201.   {% else %}
  203.     <li class="page-item {% if currentPage == 1 %}disabled{% endif %}">
  204.       <a href="
  205.       {% if seq is defined %}
  206.         {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (currentPage - 1) }) }}
  207.       {% else %}
  208.         {{ path("visiteur_stacks_structure_page", { "page" : (currentPage - 1) }) }}
  209.       {% endif %}
  210.       " class="page-link">Précédente</a>
  211.     </li>
  213.     {% for page in 1..pages %}
  214.       <li class="page-item {% if currentPage == page %}active{% endif %}">
  215.         <a href="
  216.         {% if seq is defined %}
  217.           {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : page }) }}
  218.         {% else %}
  219.           {{ path("visiteur_stacks_structure_page", { "page" : page }) }}
  220.         {% endif %}
  221.         " class="page-link">{{ page }}</a>
  222.       </li>
  223.     {% endfor %}
  225.     <li class="page-item {% if currentPage == pages %}disabled{% endif %}">
  226.       <a href="
  227.       {% if seq is defined %}
  228.         {{ path("visiteur_stacks_sequence", { "seq" : seq, "page" : (currentPage + 1) }) }}
  229.       {% else %}
  230.         {{ path("visiteur_stacks_structure_page", { "page" : (currentPage + 1) }) }}
  231.       {% endif %}
  232.       " class="page-link">Suivante</a>
  233.     </li>
  234.   {% endif %}
  236.     <li class="page-item">
  237.       <form class="" action="{{ path("visiteur_stacks_index") }}" method="POST">
  238.         <input class="page-item" type="text" name="page" value="" style="width:40px;margin:3px 7px;">
  239.       </form>
  240.     </li>
  242.   </ul>
  243. </nav>