status-report-grouped.html.twig 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. {#
  2. /**
  3. * @file
  4. * Theme override of grouped status report requirements.
  5. *
  6. * - grouped_requirements: Contains grouped requirements.
  7. * Each group contains:
  8. * - title: The title of the group.
  9. * - type: The severity of the group.
  10. * - items: The requirement instances.
  11. * Each requirement item contains:
  12. * - title: The title of the requirement.
  13. * - value: (optional) The requirement's status.
  14. * - description: (optional) The requirement's description.
  15. * - severity_title: The title of the severity.
  16. * - severity_status: Indicates the severity status.
  17. */
  18. #}
  19. {{ attach_library('core/drupal.collapse') }}
  20. <div>
  21. {% for group in grouped_requirements %}
  22. <div>
  23. <h3 id="{{ group.type }}">{{ group.title }}</h3>
  24. {% for requirement in group.items %}
  25. <details class="system-status-report__entry" open>
  26. {%
  27. set summary_classes = [
  28. 'system-status-report__status-title',
  29. group.type in ['warning', 'error'] ? 'system-status-report__status-icon system-status-report__status-icon--' ~ group.type
  30. ]
  31. %}
  32. <summary{{ create_attribute({'class': summary_classes}) }} role="button">
  33. {% if requirement.severity_title %}
  34. <span class="visually-hidden">{{ requirement.severity_title }}</span>
  35. {% endif %}
  36. {{ requirement.title }}
  37. </summary>
  38. <div class="system-status-report__entry__value">
  39. {{ requirement.value }}
  40. {% if requirement.description %}
  41. <div class="description">{{ requirement.description }}</div>
  42. {% endif %}
  43. </div>
  44. </details>
  45. {% endfor %}
  46. </div>
  47. {% endfor %}
  48. </div>