vendor/croisiland/common-bundle/src/Resources/views/pagination/_pagination.html.twig line 1

Open in your IDE?
  1. {% if pagination.total_pages > 0 %}
  2. <div class="cruise-search-paging">
  3. <nav aria-label="Pagination des croisières">
  4. <ul class="pagination justify-content-center">
  5. {# Boutons "Premier" et "Précédent #}
  6. <li class="page-item {% if pagination.current_page <= 1 %}disabled{% endif %}">
  7. <a class="page-link" data-page="1" tabindex="-1" id="cruise_search_first">
  8. <span aria-hidden="true">&laquo;</span>
  9. <span class="sr-only">Premier</span>
  10. </a>
  11. </li>
  12. <li class="page-item {% if pagination.current_page <= 1 %}disabled{% endif %}">
  13. <a class="page-link" data-page="{{ pagination.current_page - 1 }}" tabindex="-1" id="cruise_search_previous">
  14. <span aria-hidden="true">&lsaquo;</span>
  15. <span class="sr-only">Précédent</span>
  16. </a>
  17. </li>
  19. {# Affichage des pages #}
  20. {% for page in 1..pagination.total_pages %}
  21. {%- if page <= 5 or page == pagination.current_page or page == pagination.current_page + 1 or page == pagination.current_page - 1 or page > pagination.total_pages - 5 %}
  22. {% if page == pagination.current_page %}
  23. <li class="page-item active">
  24. <a class="page-link" data-page="{{ page }}">{{ page }} <span class="sr-only">(current)</span></a>
  25. </li>
  26. {% elseif (page == 6 and pagination.current_page > 6) or (page == pagination.total_pages - 5 and pagination.current_page < pagination.total_pages - 5) %}
  27. <li class="page-item disabled"><span class="page-link">...</span></li>
  28. {% else %}
  29. <li class="page-item">
  30. <a class="page-link" data-page="{{ page }}">{{ page }}</a>
  31. </li>
  32. {% endif %}
  33. {%- endif %}
  34. {% endfor %}
  36. {# Boutons "Suivant" et "Dernier" #}
  37. <li class="page-item {% if pagination.current_page >= pagination.total_pages %}disabled{% endif %}">
  38. <a class="page-link" data-page="{{ pagination.current_page + 1 }}" id="cruise_search_next">
  39. <span aria-hidden="true">&rsaquo;</span>
  40. <span class="sr-only">Suivant</span>
  41. </a>
  42. </li>
  43. <li class="page-item {% if pagination.current_page >= pagination.total_pages %}disabled{% endif %}">
  44. <a class="page-link" data-page="{{ pagination.total_pages }}" id="cruise_search_last">
  45. <span aria-hidden="true">&raquo;</span>
  46. <span class="sr-only">Dernier</span>
  47. </a>
  48. </li>
  49. </ul>
  50. </nav>
  52. {# Info sur les éléments affichés #}
  53. <div class="result_info text-center" role="status" aria-live="polite">
  54. <small class="text-muted">
  55. Éléments <strong>{{ (pagination.current_page - 1) * pagination.per_page + 1 }}</strong> à <strong>{{ min([pagination.total_count, pagination.current_page * pagination.per_page]) }}</strong> sur <strong>{{ pagination.total_count }}</strong> éléments
  56. </small>
  57. </div>
  58. </div>
  59. {% endif %}