links.html.twig in Open Social 8.2

Theme override for a set of links.

Available variables:

• attributes: Attributes for the UL containing the list of links.
• links: Links to be output. Each link will have the following elements:
  • title: The link text.
  • href: The link URL. If omitted, the 'title' is shown as a plain text item in the links list. If 'href' is supplied, the entire link is passed to l() as its $options parameter.
  • attributes: (optional) HTML attributes for the anchor, or for the <span> tag if no 'href' is supplied.
  • link_key: The link CSS class.
• heading: (optional) A heading to precede the links.
  • text: The heading text.
  • level: The heading level (e.g. 'h2', 'h3').
  • attributes: (optional) A keyed list of attributes for the heading.

  If the heading is a string, it will be used as the text of the heading and the level will default to 'h2'.

Headings should be used on navigation menus and any list of links that consistently appears on multiple pages. To make the heading invisible use the 'visually-hidden' CSS class. Do not use 'display:none', which removes it from screen readers and assistive technology. Headings allow screen reader and keyboard only users to navigate to or skip the links. See http://juicystudio.com/article/screen-readers-display-none.php and http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.

See also

template_preprocess_links()

2 theme calls to links.html.twig

PostViewBuilder::buildLinks in modules/social_features/social_post/src/PostViewBuilder.php

Build the default links (Read more) for a post.

PostViewBuilder::renderLinks in modules/social_features/social_post/src/PostViewBuilder.php

Lazy_builder callback; builds a post's links.

File

themes/socialbase/templates/system/links.html.twig

{#
/**
 * @file
 * Theme override for a set of links.
 *
 * Available variables:
 * - attributes: Attributes for the UL containing the list of links.
 * - links: Links to be output.
 *   Each link will have the following elements:
 *   - title: The link text.
 *   - href: The link URL. If omitted, the 'title' is shown as a plain text
 *     item in the links list. If 'href' is supplied, the entire link is passed
 *     to l() as its $options parameter.
 *   - attributes: (optional) HTML attributes for the anchor, or for the <span>
 *     tag if no 'href' is supplied.
 *   - link_key: The link CSS class.
 * - heading: (optional) A heading to precede the links.
 *   - text: The heading text.
 *   - level: The heading level (e.g. 'h2', 'h3').
 *   - attributes: (optional) A keyed list of attributes for the heading.
 *   If the heading is a string, it will be used as the text of the heading and
 *   the level will default to 'h2'.
 *
 *   Headings should be used on navigation menus and any list of links that
 *   consistently appears on multiple pages. To make the heading invisible use
 *   the 'visually-hidden' CSS class. Do not use 'display:none', which
 *   removes it from screen readers and assistive technology. Headings allow
 *   screen reader and keyboard only users to navigate to or skip the links.
 *   See http://juicystudio.com/article/screen-readers-display-none.php and
 *   http://www.w3.org/TR/WCAG-TECHS/H42.html for more information.
 *
 * @see template_preprocess_links()
 */
#}
{%- if links -%}
  {%- if heading -%}
    {%- if heading.level -%}
      <{{ heading.level }}{{ heading.attributes }}>{{ heading.text }}</{{ heading.level }}>
    {%- else -%}
      <h2{{ heading.attributes }}>{{ heading.text }}</h2>
    {%- endif -%}
  {%- endif -%}
  {%- if links.edit -%}
    <div class="comment__actions pull-right">
      <button type="button" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true" class="btn btn-icon-toggle dropdown-toggle">
        <svg class="btn-icon icon-gray">
          <use xlink:href="#icon-expand_more"></use>
        </svg>
      </button>
      <ul{{ attributes.addClass('dropdown-menu') }}>
      {%- elseif attributes.hasClass('inline') -%}
      <ul{{ attributes.addClass('list-inline') }}>
      {%- else -%}
      <ul{{ attributes }}>
    {%- endif -%}
        {%- for key, item in links -%}
          <li{{ item.attributes.addClass(key|clean_class) }}>
            {%- if item.link -%}
              {{ item.link }}
            {%- elseif item.text_attributes -%}
              <span{{ item.text_attributes }}>{{ item.text }}</span>
            {%- else -%}
              {{ item.text }}
            {%- endif -%}
          </li>
        {%- endfor -%}
      </ul>
  {%- if links.edit -%}
    </div>
  {%- endif %}
{%- endif %}