links--comment.html.twig 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. {#
  2. /**
  3. * @file
  4. * Rorschach's theme override for comment links.
  5. *
  6. * Available variables:
  7. * - attributes: Attributes for the UL containing the list of links.
  8. * - links: Links to be output.
  9. * Each link will have the following elements:
  10. * - title: The link text.
  11. * - href: The link URL. If omitted, the 'title' is shown as a plain text
  12. * item in the links list. If 'href' is supplied, the entire link is passed
  13. * to l() as its $options parameter.
  14. * - attributes: (optional) HTML attributes for the anchor, or for the <span>
  15. * tag if no 'href' is supplied.
  16. * - heading: (optional) A heading to precede the links.
  17. * - text: The heading text.
  18. * - level: The heading level (e.g. 'h2', 'h3').
  19. * - attributes: (optional) A keyed list of attributes for the heading.
  20. * If the heading is a string, it will be used as the text of the heading and
  21. * the level will default to 'h2'.
  22. *
  23. * Headings should be used on navigation menus and any list of links that
  24. * consistently appears on multiple pages. To make the heading invisible use
  25. * the 'visually-hidden' CSS class. Do not use 'display:none', which
  26. * removes it from screen readers and assistive technology. Headings allow
  27. * screen reader and keyboard only users to navigate to or skip the links.
  28. * See https://juicystudio.com/article/screen-readers-display-none.php and
  29. * https://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
  30. *
  31. * @see template_preprocess_links()
  32. */
  33. #}
  34. {%
  35. set classes = [
  36. 'comment__links',
  37. ]
  38. %}
  39. {% if links -%}
  40. {%- if heading -%}
  41. {%- if heading.level -%}
  42. <{{ heading.level }}{{ heading.attributes }}>{{ heading.text }}</{{ heading.level }}>
  43. {%- else -%}
  44. <h2{{ heading.attributes }}>{{ heading.text }}</h2>
  45. {%- endif -%}
  46. {%- endif -%}
  47. <ul{{ attributes.addClass(classes) }}>
  48. {% for item in links %}
  49. <li{{ item.attributes.addClass('comment__links-item') }}>
  50. {%- if item.link -%}
  51. {{ item.link }}
  52. {%- elseif item.text_attributes -%}
  53. <span{{ item.text_attributes }}>{{ item.text }}</span>
  54. {%- else -%}
  55. {{ item.text }}
  56. {%- endif -%}
  57. </li>
  58. {% endfor %}
  59. </ul>
  60. {%- endif %}