You are here

views-view.html.twig in Drupal 10

Theme override for a main view template.

Available variables:

  • attributes: Remaining HTML attributes for the element.
  • css_name: A CSS-safe version of the view name.
  • css_class: The user-specified classes names, if any.
  • header: The optional header.
  • footer: The optional footer.
  • rows: The results of the view query, if any.
  • empty: The content to display if there are no rows.
  • pager: The optional pager next/prev links to display.
  • exposed: Exposed widget form/info to display.
  • feed_icons: Optional feed icons to display.
  • more: An optional link to the next page of results.
  • title: Title of the view, only used when displaying in the admin preview.
  • title_prefix: Additional output populated by modules, intended to be displayed in front of the view title.
  • title_suffix: Additional output populated by modules, intended to be displayed after the view title.
  • attachment_before: An optional attachment view to be displayed before the view content.
  • attachment_after: An optional attachment view to be displayed after the view content.
  • dom_id: Unique id for every view being printed to give unique class for JavaScript.

File

core/profiles/demo_umami/themes/umami/templates/classy/views/views-view.html.twig
View source
  1. {#
  2. /**
  3. * @file
  4. * Theme override for a main view template.
  5. *
  6. * Available variables:
  7. * - attributes: Remaining HTML attributes for the element.
  8. * - css_name: A CSS-safe version of the view name.
  9. * - css_class: The user-specified classes names, if any.
  10. * - header: The optional header.
  11. * - footer: The optional footer.
  12. * - rows: The results of the view query, if any.
  13. * - empty: The content to display if there are no rows.
  14. * - pager: The optional pager next/prev links to display.
  15. * - exposed: Exposed widget form/info to display.
  16. * - feed_icons: Optional feed icons to display.
  17. * - more: An optional link to the next page of results.
  18. * - title: Title of the view, only used when displaying in the admin preview.
  19. * - title_prefix: Additional output populated by modules, intended to be
  20. * displayed in front of the view title.
  21. * - title_suffix: Additional output populated by modules, intended to be
  22. * displayed after the view title.
  23. * - attachment_before: An optional attachment view to be displayed before the
  24. * view content.
  25. * - attachment_after: An optional attachment view to be displayed after the
  26. * view content.
  27. * - dom_id: Unique id for every view being printed to give unique class for
  28. * JavaScript.
  29. *
  30. * @see template_preprocess_views_view()
  31. */
  32. #}
  33. {%
  34. set classes = [
  35. 'view',
  36. 'view-' ~ id|clean_class,
  37. 'view-id-' ~ id,
  38. 'view-display-id-' ~ display_id,
  39. dom_id ? 'js-view-dom-id-' ~ dom_id,
  40. ]
  41. %}
  42. <div{{ attributes.addClass(classes) }}>
  43. {{ title_prefix }}
  44. {% if title %}
  45. {{ title }}
  46. {% endif %}
  47. {{ title_suffix }}
  48. {% if header %}
  49. <div class="view-header">
  50. {{ header }}
  51. </div>
  52. {% endif %}
  53. {% if exposed %}
  54. <div class="view-filters">
  55. {{ exposed }}
  56. </div>
  57. {% endif %}
  58. {% if attachment_before %}
  59. <div class="attachment attachment-before">
  60. {{ attachment_before }}
  61. </div>
  62. {% endif %}
  63. {% if rows %}
  64. <div class="view-content">
  65. {{ rows }}
  66. </div>
  67. {% elseif empty %}
  68. <div class="view-empty">
  69. {{ empty }}
  70. </div>
  71. {% endif %}
  72. {% if pager %}
  73. {{ pager }}
  74. {% endif %}
  75. {% if attachment_after %}
  76. <div class="attachment attachment-after">
  77. {{ attachment_after }}
  78. </div>
  79. {% endif %}
  80. {% if more %}
  81. {{ more }}
  82. {% endif %}
  83. {% if footer %}
  84. <div class="view-footer">
  85. {{ footer }}
  86. </div>
  87. {% endif %}
  88. {% if feed_icons %}
  89. <div class="feed-icons">
  90. {{ feed_icons }}
  91. </div>
  92. {% endif %}
  93. </div>