nttdata_admin-1.0.x-dev/templates/links/links--icons.html.twig
templates/links/links--icons.html.twig
{#
/**
* @file
* Default theme implementation 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:
* - link: (optional) A render array that returns a link. See
* template_preprocess_links() for details how it is generated.
* - text: The link text.
* - attributes: HTML attributes for the list item element.
* - text_attributes: (optional) HTML attributes for the span element if no
* 'url' was supplied.
* - 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()
*
* @ingroup themeable
*/
#}
{% if links -%}
{%- if heading -%}
{%- if heading.level -%}
<{{heading.level}}{{heading.attributes}}>{{ heading.text }}</{{heading.level}}>
{%- else -%}
<h2{{heading.attributes}}>{{ heading.text }}</h2>
{%- endif -%}
{%- endif -%}
{# For links in Toolbar #}
{% if 'toolbar-menu' in attributes['class'] %}
<ul{{attributes}}>
{%- for item in links -%}
<li{{item.attributes}}>
{%- if item.link -%}
{{ item.link }}
{%- elseif item.text_attributes -%}
<span{{item.text_attributes}}>{{ item.text }}</span>
{%- else -%}
{{ item.text }}
{%- endif -%}
</li>
{%- endfor -%}
</ul>
{% else %}
{# For other links #}
{% if links|length < 6 %}
<div {{ attributes.addClass('icon-actions') }}>
{%- for item in links -%}
{% set class_name = 'icon-link--' ~ item.link['#title']|lower|replace({' ': '-'}) %}
<a href="{{ item.link['#url'] }}" {{ item.attributes.addClass('icon-link ' ~ class_name).removeClass('dropbutton__item') }} title="{{ item.link['#title'] }}"></a>
{%- endfor -%}
</div>
{% else %}
<ul{{ attributes }}>
{% for item in links %}
<li{{ item.attributes.addClass('dropbutton__item') }}>
{%- if item.link -%}
{{ item.link }}
{%- elseif item.text_attributes -%}
<span{{ item.text_attributes }}>{{ item.text }}</span>
{%- else -%}
{{ item.text }}
{%- endif -%}
</li>
{% endfor %}
</ul>
{% endif %}
{% endif %}
{%- endif %}
