templates/menu/knp_menu.html.twig line 1

  1. {% extends 'knp_menu.html.twig' %}
  3. {% macro setCssClassAttribute(item, type, add) %}
  4.     {% set getter = 'get' ~ type %}
  5.     {% set setter = 'set' ~ type %}
  6.     {% set value = attribute(item, getter, ['class']) %}
  7.     {% if value is iterable %}
  8.         {% set value = value|join(' ') %}
  9.     {% endif %}
  10.     {% do attribute(item, setter, ['class', value ~ ' ' ~ add]) %}
  11. {% endmacro %}
  13. {% block item %}
  14.     {% import "knp_menu.html.twig" as macros %}
  15.     {#
  16.     As multiple level is not currently supported by bootstrap 4
  17.     This requires you to install
  18.     https://github.com/bootstrapthemesco/bootstrap-4-multi-dropdown-navbar
  19.     And set the the use_multilevel = true
  20.     #}
  21.     {% set use_multilevel = false %}
  23.     {% if item.displayed %}
  24.         {%- set attributes = item.attributes %}
  25.         {%- set is_dropdown = attributes.dropdown|default(false) %}
  26.         {%- set divider_prepend = attributes.divider_prepend|default(false) %}
  27.         {%- set divider_append = attributes.divider_append|default(false) %}
  29.         {# unset bootstrap specific attributes #}
  30.         {%- set attributes = attributes|merge({'dropdown': null, 'divider_prepend': null, 'divider_append': null }) %}
  32.         {%- if divider_prepend %}
  33.             {{ block('dividerElement') }}
  34.         {%- endif %}
  36.         {# building the class of the item #}
  37.         {%- set classes = item.attribute('class') is not empty ? [item.attribute('class'), 'nav-item'] : ['nav-item'] %}
  38.         {%- if matcher.isCurrent(item) %}
  39.             {%- set classes = classes|merge([options.currentClass]) %}
  40.         {%- elseif matcher.isAncestor(item, options.depth) %}
  41.             {%- set classes = classes|merge([options.ancestorClass]) %}
  42.         {%- endif %}
  43.         {%- if item.actsLikeFirst %}
  44.             {%- set classes = classes|merge([options.firstClass]) %}
  45.         {%- endif %}
  46.         {%- if item.actsLikeLast %}
  47.             {%- set classes = classes|merge([options.lastClass]) %}
  48.         {%- endif %}
  50.         {# building the class of the children #}
  51.         {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  52.         {%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
  54.         {# adding classes for dropdown #}
  55.         {%- if is_dropdown %}
  56.             {%- set classes = classes|merge(['dropdown']) %}
  57.             {%- set childrenClasses = childrenClasses|merge(['dropdown-menu']) %}
  58.         {%- endif %}
  60.         {# putting classes together #}
  61.         {%- if classes is not empty %}
  62.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  63.         {%- endif %}
  64.         {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
  66.         <li{{ macros.attributes(attributes) }}>
  67.             {# displaying the item #}
  68.             {%- if is_dropdown %}
  69.                 {{ block('dropdownElement') }}
  70.             {%- elseif item.uri is not empty and (not item.current or options.currentAsLink) %}
  71.                 {{ block('linkElement') }}
  72.             {%- else %}
  73.                 {{ block('spanElement') }}
  74.             {%- endif %}
  75.             {%- if divider_append %}
  76.                 {{ block('dividerElement') }}
  77.             {%- endif %}
  78.             {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  79.                 {{ block('dropdownlinks') }}
  80.             {% endif %}
  81.         </li>
  82.     {% endif %}
  83. {% endblock %}
  85. {% block dropdownlinks %}
  86.     {% if use_multilevel %}
  87.         <ul class="dropdown-menu">
  88.     {% else %}
  89.         <div class="dropdown-menu">
  90.     {% endif %}
  91.     {% for item in item.children %}
  92.         {{ block('renderDropdownlink') }}
  94.         {% if use_multilevel and item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  95.             {{ block('dropdownlinks') }}
  96.         {% endif %}
  97.     {% endfor %}
  98.     {% if not use_multilevel %}
  99.         </div>
  100.     {% else %}
  101.         </ul>
  102.     {% endif %}
  103. {% endblock %}
  105. {% block renderDropdownlink %}
  106.     {% import _self as ownmacro %}
  107.     {%- set divider_prepend = item.attributes.divider_prepend|default(false) %}
  108.     {%- set divider_append = item.attributes.divider_append|default(false) %}
  109.     {%- set attributes = item.attributes|merge({'dropdown': null, 'divider_prepend': null, 'divider_append': null }) %}
  111.     {% if use_multilevel %}
  112.         <li>
  113.     {% endif %}
  115.     {%- if divider_prepend %}
  116.         {{ block('dividerElementDropdown') }}
  117.     {%- endif %}
  119.     {%- if item.uri is not empty and (not item.current or options.currentAsLink) %}
  120.         {{ ownmacro.setCssClassAttribute(item, 'LinkAttribute', 'dropdown-item') }}
  121.         {{ block('linkElement') }}
  122.     {%- else %}
  123.         {{ block('spanElementDropdown') }}
  124.     {%- endif %}
  126.     {%- if divider_append %}
  127.         {{ block('dividerElementDropdown') }}
  128.     {%- endif %}
  130.     {% if use_multilevel %}
  131.         </li>
  132.     {% endif %}
  133. {% endblock %}
  135. {% block spanElementDropdown %}
  136.     {% import "knp_menu.html.twig" as macros %}
  137.     {% import _self as ownmacro %}
  138.     {{ ownmacro.setCssClassAttribute(item, 'LabelAttribute', 'dropdown-header') }}
  139.     <div {{ macros.attributes(item.labelAttributes) }}>
  140.         {% if item.attribute('icon') is not empty  %}
  141.             <i class="{{ item.attribute('icon') }}"></i>
  142.         {% endif %}
  143.         {{ block('label') }}
  144.     </div>
  145. {% endblock %}
  147. {% block dividerElementDropdown %}
  148.     <div class="dropdown-divider"></div>
  149. {% endblock %}
  151. {% block dividerElement %}
  152.     {% if item.level == 1 %}
  153.         <li class="divider-vertical"></li>
  154.     {% else %}
  155.         <li class="divider"></li>
  156.     {% endif %}
  157. {% endblock %}
  159. {% block linkElement %}
  160.     {% import "knp_menu.html.twig" as macros %}
  161.     {% import _self as ownmacro %}
  162.     {{ ownmacro.setCssClassAttribute(item, 'LinkAttribute', 'nav-link') }}
  163.     <a href="{{ item.uri }}"{{ macros.attributes(item.linkAttributes) }}>
  164.         {% if item.attribute('icon') is not empty  %}
  165.             <i class="{{ item.attribute('icon') }}"></i>
  166.         {% endif %}
  167.         {{ block('label') }}
  168.     </a>
  169. {% endblock %}
  171. {% block spanElement %}
  172.     {% import "knp_menu.html.twig" as macros %}
  173.     {% import _self as ownmacro %}
  174.     {{ ownmacro.setCssClassAttribute(item, 'LabelAttribute', 'navbar-text') }}
  175.     <span {{ macros.attributes(item.labelAttributes) }}>
  176.         {% if item.attribute('icon') is not empty  %}
  177.             <i class="{{ item.attribute('icon') }}"></i>
  178.         {% endif %}
  179.         {{ block('label') }}
  180.     </span>
  181. {% endblock %}
  183. {% block dropdownElement %}
  184.     {% import "knp_menu.html.twig" as macros %}
  185.     {%- set classes = item.linkAttribute('class') is not empty ? [item.linkAttribute('class')] : [] %}
  186.     {%- set classes = classes|merge(['dropdown-toggle', 'nav-link']) %}
  187.     {%- set attributes = item.linkAttributes %}
  188.     {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  189.     {%- set attributes = attributes|merge({'data-toggle': 'dropdown'}) %}
  190.     <a href="#"{{ macros.attributes(attributes) }}>
  191.         {% if item.attribute('icon') is not empty  %}
  192.             <i class="{{ item.attribute('icon') }}"></i>
  193.         {% endif %}
  194.         {{ block('label') }}
  195.         <b class="caret"></b>
  196.     </a>
  197. {% endblock %}
  199. {% block label %}{{ item.label|trans }}{% endblock %}