socialbase-1.1.0/templates/comment/links--comment.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 and logged_in -%}
  {%- if heading -%}
    {%- if heading.level -%}
      <{{ heading.level }}{{ heading.attributes }}>{{ heading.text }}</{{ heading.level }}>
    {%- else -%}
      <h2{{ heading.attributes }}>{{ heading.text }}</h2>
    {%- endif -%}
  {%- endif -%}

  {% if links['comment-edit'] or links['comment-unpublish'] or links['comment-sticky'] or links['comment-delete'] or links.report %}
    <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" title="{{ 'More options'|t }}">
        <svg class="btn-icon icon-gray" aria-hidden="true">
          <title>{{ 'More options'|t }}</title>
          <use xlink:href="#icon-expand_more"></use>
        </svg>
      </button>
      <ul{{ attributes.addClass('dropdown-menu') }}>
        {%- for key, item in links|reverse -%}
          {%- if key != "comment-reply" -%}
            <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>
          {%- endif -%}
        {%- endfor -%}
      </ul>
    </div>
  {% else %}

    {%- for key, item in links -%}
      {%- if key != "comment-reply" -%}
        <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>
      {%- endif -%}
    {%- endfor -%}

  {% endif %}

{%- endif %}

{% if links['comment-reply'] %}

  <div class="btn comment__reply-btn">
    {%- for key, item in links|reverse -%}
      {%- if key == "comment-reply" -%}
        {%- if item.link -%}
          {{ item.link }}
        {%- elseif item.text_attributes -%}
          <span{{ item.text_attributes }}>{{ item.text }}</span>
        {%- else -%}
          {{ item.text }}
        {%- endif -%}
      {%- endif -%}
    {%- endfor -%}
  </div>

{%- endif %}