material_admin-8.x-1.0-alpha7/templates/navigation/links--dropbutton.html.twig
templates/navigation/links--dropbutton.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.
* - 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()
*/
#}
{% set manage_btn_classses = 'dropdown-button btn grey lighten-3 grey-text text-darken-2' %}
{% if attributes.hasClass('views-ui-settings-bucket-operations') or attributes.id == 'views-display-extra-actions' %}
{% set btn_classses = 'dropdown-button ellipsis-icon btn btn-flat darken-3 text-darken-2' %}
{% elseif attributes.hasClass('views-bulk-form-dropdown') %}
{% set btn_classses = 'dropdown-button btn btn-floating pulse' %}
{% else %}
{% set btn_classses = 'dropdown-button ellipsis-icon btn grey lighten-3 grey-text text-darken-2' %}
{% endif %}
{% 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|length > 1 -%}
{%- if links.publish -%}
<a class="{{ manage_btn_classses }}" href="#" data-constrainWidth="0">{% trans %}MANAGE{% endtrans %}</a>
{%- else -%}
<a class="{{ btn_classses }}" href="#" data-constrainWidth="0"><i class="material-icons" aria-hidden="true">more_vert</i></a>
{%- endif -%}
<ul{{ attributes.addClass('dropdown-content') }}>
{%- 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>
<li class="divider"></li>
{%- endfor -%}
</ul>
{%- else -%}
{%- for item in links -%}
<li{{ item.attributes.addClass('single-btn-wrapper') }}>
{%- if item.link -%}
{{ item.link }}
{%- elseif item.text_attributes -%}
<span{{ item.text_attributes }}>{{ item.text }}</span>
{%- else -%}
{{ item.text }}
{%- endif -%}
</li>
{%- endfor -%}
{%- endif %}
{%- endif %}
