views-mini-pager.html.twig

Same filename in this branch
  1. 9 core/profiles/demo_umami/themes/umami/templates/classy/views/views-mini-pager.html.twig
  2. 9 core/themes/olivero/templates/views/views-mini-pager.html.twig
  3. 9 core/themes/stable9/templates/views/views-mini-pager.html.twig
  4. 9 core/themes/seven/templates/classy/views/views-mini-pager.html.twig
  5. 9 core/themes/bartik/templates/classy/views/views-mini-pager.html.twig
  6. 9 core/themes/stable/templates/views/views-mini-pager.html.twig
  7. 9 core/themes/starterkit_theme/templates/views/views-mini-pager.html.twig
  8. 9 core/themes/classy/templates/views/views-mini-pager.html.twig
  9. 9 core/modules/views/templates/views-mini-pager.html.twig
Same filename in other branches
  1. 8.9.x core/profiles/demo_umami/themes/umami/templates/classy/views/views-mini-pager.html.twig
  2. 8.9.x core/themes/seven/templates/classy/views/views-mini-pager.html.twig
  3. 8.9.x core/themes/claro/templates/views/views-mini-pager.html.twig
  4. 8.9.x core/themes/bartik/templates/classy/views/views-mini-pager.html.twig
  5. 8.9.x core/themes/stable/templates/views/views-mini-pager.html.twig
  6. 8.9.x core/themes/classy/templates/views/views-mini-pager.html.twig
  7. 8.9.x core/modules/views/templates/views-mini-pager.html.twig
  8. 10 core/profiles/demo_umami/themes/umami/templates/classy/views/views-mini-pager.html.twig
  9. 10 core/themes/olivero/templates/views/views-mini-pager.html.twig
  10. 10 core/themes/stable9/templates/views/views-mini-pager.html.twig
  11. 10 core/themes/claro/templates/views/views-mini-pager.html.twig
  12. 10 core/themes/starterkit_theme/templates/views/views-mini-pager.html.twig
  13. 10 core/modules/views/templates/views-mini-pager.html.twig
  14. 11.x core/profiles/demo_umami/themes/umami/templates/classy/views/views-mini-pager.html.twig
  15. 11.x core/themes/olivero/templates/views/views-mini-pager.html.twig
  16. 11.x core/themes/stable9/templates/views/views-mini-pager.html.twig
  17. 11.x core/themes/claro/templates/views/views-mini-pager.html.twig
  18. 11.x core/themes/starterkit_theme/templates/views/views-mini-pager.html.twig
  19. 11.x core/modules/views/templates/views-mini-pager.html.twig

Theme override for a views mini-pager.

Available variables:

  • heading_id: Pagination heading ID.
  • items: List of pager items.

See also

template_preprocess_views_mini_pager()

File

core/themes/claro/templates/views/views-mini-pager.html.twig

View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for a views mini-pager.
  5. *
  6. * Available variables:
  7. * - heading_id: Pagination heading ID.
  8. * - items: List of pager items.
  9. *
  10. * @see template_preprocess_views_mini_pager()
  11. */
  12. #}
  13. {%
  14. set pager_action_classes = [
  15. 'pager__link',
  16. 'pager__link--mini',
  17. 'pager__link--action-link'
  18. ]
  19. %}
  20. {% if items.previous or items.next %}
  21. <nav{{ attributes.addClass('pager').setAttribute('role', 'navigation').setAttribute('aria-labelledby', heading_id) }}>
  22. <h4{{ title_attributes.addClass('visually-hidden').setAttribute('id', heading_id) }}>{{ 'Pagination'|t }}</h4>
  23. <ul{{ content_attributes.addClass('pager__items', 'js-pager__items') }}>
  24. {% if items.previous %}
  25. {% apply spaceless %}
  26. <li class="pager__item pager__item--mini pager__item--action pager__item--previous">
  27. <a{{ items.previous.attributes.addClass(pager_action_classes).setAttribute('title', 'Go to previous page'|t).setAttribute('href', items.previous.href) }}>
  28. <span class="visually-hidden">{{ 'Previous page'|t }}</span>
  29. </a>
  30. </li>
  31. {% endapply %}
  32. {% endif %}
  33. {% if items.current %}
  34. <li class="pager__item pager__item--mini pager__item--current">
  35. <span class="visually-hidden">
  36. {{ 'Current page'|t }}
  37. </span>
  38. {{ items.current }}
  39. </li>
  40. {% endif %}
  41. {% if items.next %}
  42. {% apply spaceless %}
  43. <li class="pager__item pager__item--mini pager__item--action pager__item--next">
  44. <a{{ items.next.attributes.addClass(pager_action_classes).setAttribute('title', 'Go to next page'|t).setAttribute('href', items.next.href) }}>
  45. <span class="visually-hidden">{{ 'Next page'|t }}</span>
  46. </a>
  47. </li>
  48. {% endapply %}
  49. {% endif %}
  50. </ul>
  51. </nav>
  52. {% endif %}

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.