templates/Public/Public/menu.html.twig line 1

Open in your IDE?
  1. {% macro renderAttributes(attributes) %}
  2. {% for attributeKey, attributeValue in attributes -%}
  3. {{ attributeKey }}="{{ attributeValue }}"
  4. {%- endfor %}
  5. {% endmacro %}
  7. {% macro render_menu(item) %}
  8. {% import _self as macros %}
  10. {% set itemUri = null %}
  11. {% if item.url is not empty %}
  12. {% set itemUri = item.url %}
  13. {% elseif item.path is not empty %}
  14. {% set itemParameters = item.parameterValue + ['_locale', item.locale] %}
  15. {% set itemUri = path(item.path, item.parameterValue) %}
  16. {% endif %}
  18. {% if item.items is not empty %}
  19. <li class="menu-item-with-children">
  21. <a class="dropdown-item">{{ item.title }}</a>
  23. <ul>
  24. {% for subitem in item.items %}
  26. {% set subItemUri = null %}
  27. {% if subitem.url is not empty %}
  28. {% set subItemUri = subitem.url %}
  29. {% elseif subitem.path is not empty %}
  30. {% set subItemParameters = subitem.parameterValue + ['_locale', item.locale] %}
  31. {% set subItemUri = path(subitem.path, subitem.parameterValue) %}
  32. {% endif %}
  34. {% if subItemUri is not null %}
  35. {% set attrs = subitem.attributes is iterable ? subitem.attributes : {} %}
  36. {% set desc = attrs['data-description']|default('') %}
  37. {% set subImg = subitem.attributes['data-image']|default(null) %}
  38. <li
  39. data-description="{{ desc|e('html_attr') }}"
  40. {% if subImg %}
  41. data-has-image="1"
  42. style="--menu-preview-image: url('{{ asset(subImg) }}');"
  43. {% endif %}>
  44. <a href="{{ subItemUri }}">{{ subitem.title }}</a>
  45. </li>
  46. {% endif %}
  47. {% endfor %}
  48. </ul>
  49. </li>
  50. {% elseif itemUri is not null %}
  51. <li>
  52. <a class="dropdown-item" href="{{ itemUri }}">{{ item.title }}</a>
  53. </li>
  54. {% endif %}
  55. {% endmacro %}
  57. {% if menu is not empty %}
  58. {% import _self as macros %}
  60. <ul {{ macros.renderAttributes(menu.attributes) }}>
  61. {% for item in menu.items %}
  62. {% set hasRight = item.right is empty or is_granted(item.right) == item.hasRight %}
  63. {% if hasRight %}
  64. {% set attributes = item.attributes %}
  66. {% if attributes.class is defined %}
  67. {% set class = attributes.class|split(' ')|merge(['nav-item']) %}
  68. {% else %}
  69. {% set class = ['nav-item'] %}
  70. {% endif %}
  72. {% if item.slug is not empty %}
  73. {% set class = class|merge(['link-'~item.slug]) %}
  74. {% endif %}
  76. {% if loop.first %}
  77. {% set class = class|merge(['first']) %}
  78. {% endif %}
  80. {% if loop.last %}
  81. {% set class = class|merge(['last']) %}
  82. {% endif %}
  84. {% set uri = '' %}
  86. {% if item.url is not empty %}
  87. {% set uri = item.url %}
  88. {% elseif item.path is not empty %}
  89. {% set parameters = item.parameterValue + ['_locale', item.locale] %}
  90. {% set uri = path(item.path, item.parameterValue) %}
  91. {% endif %}
  93. {% set activeRoute = app.request.attributes.get('_route') %}
  94. {% set activeQuery = app.request.query.all %}
  95. {% set isActive = item.path == activeRoute and item.parameterValue == activeQuery %}
  97. {% if uri is not null %}
  98. {% set attributes = attributes|merge({class:class|join(' ')}) %}
  100. <li {{ macros.renderAttributes(attributes) }}>
  101. {% if item.items is not empty %}
  102. <a class="nav-link dropdown-toggle accordion-header"
  103. data-toggle="dropdown"
  104. aria-haspopup="true"
  105. aria-expanded="false">{{ item.title }}</a>
  107. <ul class="dropdown-menu" aria-labelledby="dLabel">
  108. {% for subitem in item.items %}
  109. {{ macros.render_menu(subitem) }}
  110. {% endfor %}
  111. </ul>
  112. {% else %}
  113. <a class="nav-link {{ isActive ? 'active' : '' }}" href="{{ uri }}">{{ item.title }}</a>
  114. {% endif %}
  115. {% if attributes['data-image'] is defined %}
  116. <img src="{{ asset(attributes['data-image']) }}" alt="{{ item.title }}" />
  117. {% endif %}
  118. </li>
  119. {% endif %}
  120. {% endif %}
  121. {% endfor %}
  122. </ul>
  123. {% endif %}
  125. {% block javascripts %}
  126. {# {{ parent() }}#}
  127. {# <script type="application/javascript" src="{{ asset('assets/app/menu.js') }}"></script>#}
  128. {{ encore_entry_script_tags('app/dropdown_menu') }}
  129. {% endblock %}