toolbar.html.twig 1.52 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
{#
/**
 * @file
 * Default theme implementation for the administrative toolbar.
 *
 * Available variables:
 * - attributes: HTML attributes for the wrapper.
 * - toolbar_attributes: HTML attributes to apply to the toolbar.
 * - toolbar_heading: The heading or label for the toolbar.
 * - tabs: List of tabs for the toolbar.
 *   - attributes: HTML attributes for the tab container.
 *   - link: Link or button for the menu tab.
 * - trays: Toolbar tray list, each associated with a tab. Each tray in trays
 *   contains:
 *   - attributes: HTML attributes to apply to the tray.
 *   - label: The tray's label.
 *   - links: The tray menu links.
 * - remainder: Any non-tray, non-tab elements left to be rendered.
 *
 * @see template_preprocess_toolbar()
 *
 * @ingroup themeable
 */
#}
<div{{ attributes.addClass('toolbar') }}>
  <nav{{ toolbar_attributes.addClass('toolbar-bar', 'clearfix') }}>
    <h2 class="visually-hidden">{{ toolbar_heading }}</h2>
    {% for tab in tabs %}
      <div{{ tab.attributes.addClass('toolbar-tab') }}>{{ tab.link }}</div>
    {% endfor %}
  </nav>
  {% for tray in trays %}
    {% spaceless %}
    <div{{ tray.attributes }}>
    {% if tray.label %}
      <nav class="toolbar-lining clearfix" role="navigation" aria-label="{{ tray.label }}">
          <h3 class="toolbar-tray-name visually-hidden">{{ tray.label }}</h3>
    {% else %}
      <nav class="toolbar-lining clearfix" role="navigation">
    {% endif %}
        {{ tray.links }}
      </nav>
    </div>
    {% endspaceless %}
  {% endfor %}
  {{ remainder }}
</div>