112 lines
4.8 KiB
Twig
112 lines
4.8 KiB
Twig
{% extends 'knp_menu.html.twig' %}
|
|
|
|
{#{% macro attributes(attributes) %}#}
|
|
{# {% for name, value in attributes %}#}
|
|
{# {%- if value is not none and value is not same as(false) -%}#}
|
|
{# {{- ' %s="%s"'|format(name, value is same as(true) ? name|e : value|e)|raw -}}#}
|
|
{# {%- endif -%}#}
|
|
{# {%- endfor -%}#}
|
|
{#{% endmacro %}#}
|
|
|
|
{#{% block compressed_root %}#}
|
|
{# {% apply spaceless %}#}
|
|
{# {{ block('root') }}#}
|
|
{# {% endapply %}#}
|
|
{#{% endblock %}#}
|
|
|
|
{% block root %}
|
|
{% set listAttributes = item.childrenAttributes %}
|
|
{% set listAttributes = listAttributes|merge({'class': 'fr-nav__list'}) %}
|
|
|
|
{% set attributes = item.attributes %}
|
|
{% set id = attributes.id|default(null)%}
|
|
{% set ariaLabel = attribute(attributes, 'aria-label') | default("Menu principal")%}
|
|
<nav class="fr-nav" id="{{ id }}" role="navigation" aria-label="{{ ariaLabel }}">
|
|
{{ block('list') -}}
|
|
</nav>
|
|
{% endblock %}
|
|
|
|
{#{% block list %}#}
|
|
{# {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}#}
|
|
{# {% import _self as knp_menu %}#}
|
|
{# <ul{{ knp_menu.attributes(listAttributes) }}>#}
|
|
{# {{ block('children') }}#}
|
|
{# </ul>#}
|
|
{# {% endif %}#}
|
|
{#{% endblock %}#}
|
|
|
|
{#{% block children %}#}
|
|
{# #}{# save current variables #}
|
|
{# {% set currentOptions = options %}#}
|
|
{# {% set currentItem = item %}#}
|
|
{# #}{# update the depth for children #}
|
|
{# {% if options.depth is not none %}#}
|
|
{# {% set options = options|merge({'depth': currentOptions.depth - 1}) %}#}
|
|
{# {% endif %}#}
|
|
{# #}{# update the matchingDepth for children #}
|
|
{# {% if options.matchingDepth is not none and options.matchingDepth > 0 %}#}
|
|
{# {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}#}
|
|
{# {% endif %}#}
|
|
{# {% for item in currentItem.children %}#}
|
|
{# {{ block('item') }}#}
|
|
{# {% endfor %}#}
|
|
{# #}{# restore current variables #}
|
|
{# {% set item = currentItem %}#}
|
|
{# {% set options = currentOptions %}#}
|
|
{#{% endblock %}#}
|
|
|
|
{% block item %}
|
|
{% if item.displayed %}
|
|
{# building the class of the item #}
|
|
{%- set classes = item.attribute('class') is not empty ? [item.attribute('class')|merge(['fr-nav__item'])] : ['fr-nav__item'] %}
|
|
{%- if matcher.isCurrent(item) %}
|
|
{%- set classes = classes|merge([options.currentClass]) %}
|
|
{%- elseif matcher.isAncestor(item, options.matchingDepth) %}
|
|
{%- set classes = classes|merge([options.ancestorClass]) %}
|
|
{%- endif %}
|
|
{%- if item.actsLikeFirst %}
|
|
{%- set classes = classes|merge([options.firstClass]) %}
|
|
{%- endif %}
|
|
{%- if item.actsLikeLast %}
|
|
{%- set classes = classes|merge([options.lastClass]) %}
|
|
{%- endif %}
|
|
|
|
{# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
|
|
{% if item.hasChildren and options.depth is not same as(0) %}
|
|
{% if options.branch_class is not empty and item.displayChildren %}
|
|
{%- set classes = classes|merge([options.branch_class]) %}
|
|
{% endif %}
|
|
{% elseif options.leaf_class is not empty %}
|
|
{%- set classes = classes|merge([options.leaf_class]) %}
|
|
{%- endif %}
|
|
|
|
{%- set attributes = item.attributes %}
|
|
{%- if classes is not empty %}
|
|
{%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
|
|
{%- endif %}
|
|
{# displaying the item #}
|
|
{% import _self as knp_menu %}
|
|
<li{{ knp_menu.attributes(attributes) }}>
|
|
{%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
|
|
{{ block('linkElement') }}
|
|
{%- else %}
|
|
{{ block('spanElement') }}
|
|
{%- endif %}
|
|
{# render the list of children#}
|
|
{%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
|
|
{%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
|
|
{%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
|
|
{{ block('list') }}
|
|
</li>
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
{% block linkElement %}
|
|
{%- set attributes = item.linkAttributes %}
|
|
{% set attributes = attributes|merge({'class': 'fr-nav__link'}) %}
|
|
{% import _self as knp_menu %}<a href="{{ item.uri }}"{{ knp_menu.attributes(attributes) }}>{{ block('label') }}</a>{% endblock %}
|
|
|
|
{% block spanElement %}{% import _self as knp_menu %}<span{{ knp_menu.attributes(item.labelAttributes) }}>{{ block('label') }}</span>{% endblock %}
|
|
|
|
{% block label %}{% if options.allow_safe_labels and item.getExtra('safe_label', false) %}{{ item.label|raw }}{% else %}{{ item.label }}{% endif %}{% endblock %}
|