templates/menu.html.twig line 1

Open in your IDE?
  1. {% extends 'knp_menu_base.html.twig' %}
  3. {% macro attributes(attributes) %}
  4. {% for name, value in attributes %}
  5. {%- if value is not none and value is not same as(false) -%}
  6. {{- ' %s="%s"'|format(name, value is same as(true) ? name|e : value|e)|raw -}}
  7. {%- endif -%}
  8. {%- endfor -%}
  9. {% endmacro %}
  11. {%- block compressed_root -%}
  12. {{ block('root') }}
  13. {%- endblock -%}
  15. {%- block root -%}
  16. {% set listAttributes = item.childrenAttributes %}
  17. {{- block('list') -}}
  18. {%- endblock -%}
  20. {%- block list -%}
  21. {%- if item.hasChildren and options.depth is not same as(0) and item.displayChildren -%}
  22. {% import _self as knp_menu %}
  23. {%- if item.level > 0 -%}
  24. <ul {{ knp_menu.attributes(listAttributes) }}>
  25. {%- endif -%}
  26. {{ block('children')|spaceless }}
  27. {%- if item.level > 0 -%}
  28. </ul>
  29. {%- endif -%}
  30. {%- endif -%}
  31. {%- endblock -%}
  33. {%- block children -%}
  34. {# save current variables #}
  35. {% set currentOptions = options %}
  36. {% set currentItem = item %}
  37. {# update the depth for children #}
  38. {% if options.depth is not none %}
  39. {% set options = options|merge({'depth': currentOptions.depth - 1}) %}
  40. {% endif %}
  41. {# update the matchingDepth for children #}
  42. {% if options.matchingDepth is not none and options.matchingDepth > 0 %}
  43. {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}
  44. {% endif %}
  45. {% for item in currentItem.children %}
  46. {{ block('item') }}
  47. {% endfor %}
  48. {# restore current variables #}
  49. {% set item = currentItem %}
  50. {% set options = currentOptions %}
  51. {%- endblock -%}
  53. {%- block item -%}
  54. {%- if item.displayed -%}
  55. {# building the class of the item #}
  56. {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
  57. {%- if matcher.isCurrent(item) %}
  58. {%- set classes = classes|merge([options.currentClass]) %}
  59. {%- elseif matcher.isAncestor(item, options.matchingDepth) %}
  60. {%- set classes = classes|merge([options.ancestorClass]) %}
  61. {%- endif %}
  62. {%- if item.actsLikeFirst %}
  63. {%- set classes = classes|merge([options.firstClass]) %}
  64. {%- endif %}
  65. {%- if item.actsLikeLast %}
  66. {%- set classes = classes|merge([options.lastClass]) %}
  67. {%- endif %}
  69. {# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
  70. {% if item.hasChildren and currentOptions.depth > 1 %}
  71. {%- set classes = classes|merge(['has-child']) %}
  72. {% if options.branch_class is not empty and item.displayChildren %}
  73. {%- set classes = classes|merge([options.branch_class]) %}
  74. {% endif %}
  75. {% elseif options.leaf_class is not empty %}
  76. {%- set classes = classes|merge([options.leaf_class]) %}
  77. {%- endif %}
  79. {%- set attributes = item.attributes %}
  80. {%- if classes is not empty %}
  81. {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  82. {%- endif %}
  83. {# displaying the item #}
  84. {% import _self as knp_menu %}
  85. <li{{ knp_menu.attributes(attributes) }}>
  86. {%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  87. {{ block('linkElement') }}
  88. {%- else %}
  89. {{ block('spanElement') }}
  90. {%- endif %}
  91. {# render the list of children#}
  92. {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  93. {%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
  94. {%- set childrenClasses = childrenClasses|merge([item.children|length > 6 ? 'columns-' ~( (item.children|length / 6)|round(0, 'ceil') ) : 'nocolumns']) %}
  95. {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
  97. {{ block('list') }}
  98. </li>
  99. {%- endif -%}
  100. {%- endblock -%}
  102. {% block linkElement %}{% import _self as knp_menu %}
  103. <a href="{{ item.uri }}"{{ knp_menu.attributes(item.linkAttributes) }}>{{ block('label') }}
  104. {% if item.hasChildren and currentOptions.depth > 1 %}
  105. <svg aria-label="Ikona menu">
  106. <use xlink:href="#chevron-down-icon"></use>
  107. </svg>
  108. {% endif %}
  109. </a>
  110. {% endblock %}
  112. {% block spanElement %}{% import _self as knp_menu %}<span{{ knp_menu.attributes(item.labelAttributes) }}>{{ block('label') }} {% if item.hasChildren and currentOptions.depth > 1 %}<i class="icon-down"></i>{% endif %}</span>{% endblock %}
  114. {% block label %}{% if options.allow_safe_labels and item.getExtra('safe_label', false) %}{{ item.label|raw }}{% else %}{{ item.label }}{% endif %}{% if item.hasChildren %} {% endif %}{% endblock %}