templates/menu/knp_menu.html.twig line 1

Open in your IDE?
  1. {% extends 'knp_menu.html.twig' %}
  3. {% block list %}
  4.     {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  5.         {% import _self as knp_menu %}
  6.         {% set listAttributes = listAttributes|merge({class: (listAttributes.class|default('') ~ ' nav-menu level-' ~ (item.level < 0 ? 0 : item.level - 1))}) %}
  8.         {% if item.children|length > 0 and item.level > 0 %}
  9.             {% set listAttributes = listAttributes|merge({class: (listAttributes.class|default('') ~ ' nav-child')}) %}
  11.             <div class="collapse" id="collapse-{{ item.name|lower|slug }}" data-parent="#main-menu">
  12.                 <ul{{ knp_menu.attributes(listAttributes) }}>
  13.                     {{ block('children') }}
  14.                 </ul>
  15.             </div>
  16.         {% else %}
  17.             <ul{{ knp_menu.attributes(listAttributes) }}>
  18.                 {{ block('children') }}
  19.             </ul>
  20.         {% endif %}
  21.     {% endif %}
  22. {% endblock %}
  24. {% block item %}
  25.     {% if item.displayed %}
  26.         {# building the class of the item #}
  27.         {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
  28.         {%- if matcher.isCurrent(item) %}
  29.             {%- set classes = classes|merge([options.currentClass]) %}
  30.         {%- elseif matcher.isAncestor(item, options.matchingDepth) %}
  31.             {%- set classes = classes|merge([options.ancestorClass]) %}
  32.         {%- endif %}
  33.         {%- if item.actsLikeFirst %}
  34.             {%- set classes = classes|merge([options.firstClass]) %}
  35.         {%- endif %}
  36.         {%- if item.actsLikeLast %}
  37.             {%- set classes = classes|merge([options.lastClass]) %}
  38.         {%- endif %}
  40.         {% set classes = classes|merge(['nav-item']) %}
  42.         {# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
  43.         {% if item.hasChildren and options.depth is not same as(0) %}
  44.             {% if options.branch_class is not empty and item.displayChildren %}
  45.                 {%- set classes = classes|merge([options.branch_class]) %}
  46.             {% endif %}
  47.         {% elseif options.leaf_class is not empty %}
  48.             {%- set classes = classes|merge([options.leaf_class]) %}
  49.         {%- endif %}
  51.         {%- set attributes = item.attributes %}
  52.         {%- if classes is not empty %}
  53.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  54.         {%- endif %}
  55.         {# displaying the item #}
  56.         {% import _self as knp_menu %}
  57.         {% set item_attr = attributes|filter((value, key) => key != 'icon') %}
  58.         <li{{ knp_menu.attributes(item_attr) }}>
  59.             {%- if item.children|length > 0 -%}
  60.                 {{ block('collapseElement') }}
  61.             {%- elseif item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  62.                 {{ block('linkElement') }}
  63.             {%- else %}
  64.                 {{ block('spanElement') }}
  65.             {%- endif %}
  66.             {# render the list of children #}
  67.             {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  68.             {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
  69.             {{ block('list') }}
  70.         </li>
  71.     {% endif %}
  72. {% endblock %}
  74. {% block collapseElement %}
  75.     {% import _self as knp_menu %}
  77.     {% set collapse_attributes = item.labelAttributes %}
  78.     {% if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  79.         {% set collapse_attributes = item.linkAttributes %}
  80.     {% endif %}
  81.     {% set additional_class = 'nav-link level-' ~ (item.level < 0 ? 0 : item.level - 1) ~ ' collapsed' ~ (matcher.isAncestor(item, options.matchingDepth) ? ' current-ancestor': '') %}
  82.     {% set collapse_attributes = collapse_attributes|merge({class: (collapse_attributes.class|default('') ~ additional_class)}) %}
  84.     <a href="#collapse-{{ item.name|lower|slug }}" data-bs-toggle="collapse" {{ knp_menu.attributes(collapse_attributes) }}>
  85.         {{ block('label') }}
  86.     </a>
  87. {% endblock %}
  89. {% block linkElement %}
  90.     {% import _self as knp_menu %}
  92.     {% set element_attributes = item.linkAttributes %}
  93.     {% set additional_class = 'nav-link level-' ~ (item.level < 0 ? 0 : item.level - 1) ~ (matcher.isCurrent(item) ? ' active' : '') ~ (matcher.isAncestor(item, options.matchingDepth) ? ' current-ancestor': '') %}
  94.     {% set element_attributes = element_attributes|merge({class: (element_attributes.class|default('') ~ additional_class)}) %}
  96.     <a href="{{ item.uri }}"{{ knp_menu.attributes(element_attributes) }}>
  97.         {{ block('label') }}
  98.     </a>
  99. {% endblock %}
  101. {% block spanElement %}
  102.     {% import _self as knp_menu %}
  104.     {% set element_attributes = item.labelAttributes %}
  105.     {% set additional_class = 'nav-link level-' ~ (item.level < 0 ? 0 : item.level - 1) ~ (matcher.isCurrent(item) ? ' active' : '') ~ (matcher.isAncestor(item, options.matchingDepth) ? ' current-ancestor': '') %}
  106.     {% set element_attributes = element_attributes|merge({class: (element_attributes.class|default('') ~ additional_class)}) %}
  108.     <span{{ knp_menu.attributes(element_attributes) }}>
  109.         {{ block('label') }}
  110.     </span>
  111. {% endblock %}
  113. {% block label %}
  114.     {% if item.attributes.icon is defined %}
  115.         <span class="nav-icon mai">{{ item.attributes.icon }}</span>
  116.     {% endif %}
  117.     <span class="nav-content">
  118.         <span class="nav-text">
  119.             {% if options.allow_safe_labels and item.getExtra('safe_label', false) %}
  120.                 {{ item.label|raw }}
  121.             {% else %}
  122.                 {{ item.label }}
  123.             {% endif %}
  124.         </span>
  125.         {% if item.children|length > 0 %}
  126.             <span class="mai mai-chevron">expand_more</span>
  127.         {% else %}
  128.             <span class="mai mai-arrow">arrow_forward</span>
  129.         {% endif %}
  130.     </span>
  131. {% endblock %}