templates/Menu/knp_menu.html.twig line 1

Open in your IDE?
  1. {% extends 'knp_menu_base.html.twig' %}
  3. {% set currentClass = options.currentClass ?? 'active' %}
  5. {% macro attributes(attributes) %}
  6.     {% for name, value in attributes %}
  7.         {%- if value is not none and value is not same as(false) -%}
  8.             {{- ' %s="%s"'|format(name, value is same as(true) ? name|e : value|e)|raw -}}
  9.         {%- endif -%}
  10.     {%- endfor -%}
  11. {% endmacro %}
  13. {% block compressed_root %}
  14.     {% apply spaceless %}
  15.         {{ block('root') }}
  16.     {% endapply %}
  17. {% endblock %}
  19. {% block root %}
  20.     {% set listAttributes = item.childrenAttributes %}
  21.     {{ block('list') -}}
  22. {% endblock %}
  24. {# list renders listing of menu object #}
  25. {% block list %}
  26.     {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  27.         {{ block('children') }}
  28.     {% endif %}
  29. {% endblock %}
  31. {# children renders childrens of object #}
  32. {% block children %}
  33.     {# save current variables #}
  34.     {% set currentOptions = options %}
  35.     {% set currentItem = item %}
  36.     {# update the depth for children #}
  37.     {% if options.depth is not none %}
  38.         {% set options = options|merge({'depth': currentOptions.depth - 1}) %}
  39.     {% endif %}
  40.     {# update the matchingDepth for children #}
  41.     {% if options.matchingDepth is not none and options.matchingDepth > 0 %}
  42.         {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}
  43.     {% endif %}
  44.     {% for item in currentItem.children %}
  45.         {{ block('item') }}
  46.     {% endfor %}
  47.     {# restore current variables #}
  48.     {% set item = currentItem %}
  49.     {% set options = currentOptions %}
  50. {% endblock %}
  52. {# item renders object of elements #}
  53. {% block item %}
  54.     {% if item.displayed and item.attributes.enabled %}
  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([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 options.depth is not same as(0) %}
  71.             {% if options.branch_class is not empty and item.displayChildren %}
  72.                 {%- set classes = classes|merge([options.branch_class]) %}
  73.             {% endif %}
  74.         {% elseif options.leaf_class is not empty %}
  75.             {%- set classes = classes|merge([options.leaf_class]) %}
  76.         {%- endif %}
  78.         {%- set attributes = item.attributes %}
  79.         {%- if classes is not empty %}
  80.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  81.         {%- endif %}
  82.         {# displaying the item #}
  83.         {% import _self as knp_menu %}
  85.         {%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  86.             {{ block('linkElement') }}
  87.         {%- elseif 'section' == item.attributes.menuType %}
  88.             {{ block('sectionElement') }}
  89.         {%- else %}
  90.             {{ block('spanElement') }}
  91.         {%- endif %}
  92.         {# render the list of children #}
  93.         {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  94.         {%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
  95.         {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
  96.         {{ block('list') }}
  97.     {% endif %}
  98. {% endblock %}
  100. {# LinksElements Shows Elements with no childrens #}
  101. {% block linkElement %}
  102.     {% import _self as knp_menu %}
  103.     {%- set classes = item.linkAttribute('class') is not empty ? [item.linkAttribute('class')] : [] %}
  104.     {%- if matcher.isCurrent(item) %}
  105.         {%- set classes = classes|merge([currentClass]) %}
  106.     {%- endif %}
  107.     {%- set attributes = item.linkAttributes %}
  108.     {%- if classes is not empty %}
  109.         {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  110.     {%- endif %}
  112.     {% if item.level < 2 %}
  113.         <div class="menu-item">
  114.             <a {{ knp_menu.attributes(attributes) }} href="{{ item.uri }}">
  115.                 <span class="menu-icon">
  116.                     {% if item.attribute('icon') is not empty %}
  117.                         <span class="svg-icon svg-icon-2">
  118.                             <i class="{{ item.attribute('icon') }}"></i>
  119.                         </span>
  120.                     {% endif %}
  121.                 </span>
  122.                 <span class="menu-title">{{ block('label')}}</span>
  123.             </a>
  124.         </div>
  125.     {% endif %}
  126. {% endblock %}
  128. {# spanElement Shows Elements with childrens #}
  129. {% block spanElement %}
  130.     {% import _self as knp_menu %}
  131.     {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  132.         {% import _self as knp_menu %}
  133.         {%- set classes = item.linkAttribute('class') is not empty ? [item.linkAttribute('class')] : [] %}
  134.         {%- if matcher.isCurrent(item) %}
  135.             {%- set classes = classes|merge([currentClass]) %}
  136.         {%- endif %}
  137.         {%- set attributes = item.linkAttributes %}
  138.         {%- if classes is not empty %}
  139.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  140.         {%- endif %}
  141.         {% set subItemUri = [] %}
  142.         {% for subItem in item.children %}
  143.             {% set subItemUri = subItemUri|merge([subItem.uri]) %}
  144.         {% endfor %}
  146.         <div data-kt-menu-trigger="click" class="menu-item menu-accordion {% if item.current %}hover show{% elseif app.request.pathinfo in subItemUri %}hover show{% endif %}">
  147.             <span class="menu-link">
  148.                 <span class="menu-icon">
  149.                     {% if item.attribute('icon') is not empty %}
  150.                         <span class="svg-icon svg-icon-2">
  151.                             <i class="{{ item.attribute('icon') }}"></i>
  152.                         </span>
  153.                     {% endif %}
  154.                 </span>
  155.                 <span class="menu-title">{{ block('label') }}</span>
  156.                 <span class="menu-arrow"></span>
  157.             </span>
  158.             <div class="menu-sub menu-sub-accordion {% if item.current %}hover show{% elseif app.request.pathinfo in subItemUri %}hover show{% endif %}">
  159.                 {% for subItem in item.children %}
  160.                     {% if subItem.displayChildren and subItem.attributes.enabled %}
  161.                         <div class="menu-item">
  162.                             <a class="menu-link {{subItem.attributes.class}} {% if subItem.uri == app.request.pathinfo %}active{% endif %}" href="{{ subItem.uri }}">
  163.                                 <span class="menu-icon">
  164.                                     {% if subItem.attribute('icon') is not empty %}
  165.                                         <span class="svg-icon svg-icon-2">
  166.                                             <i class="{{ subItem.attribute('icon') }}"></i>
  167.                                         </span>
  168.                                     {% endif %}
  169.                                 </span>
  170.                                 <span class="menu-title">{{ subItem.label }}</span>
  171.                             </a>
  172.                         </div>
  173.                     {% endif %}
  174.                 {% endfor %}
  175.             </div>
  176.         </div>
  177.     {% endif %}
  178. {% endblock %}
  180. {# section renders sections of elements #}
  181. {% block sectionElement %}
  182.     <div class="menu-item pt-5">
  183.         <div class="menu-content">
  184.             <span class="menu-heading fw-bold text-uppercase fs-7">{{ block('label')}}</span>
  185.         </div>
  186.     </div>
  187. {% endblock %}
  189. {# label renders labels of elements #}
  190. {% block label %}
  191.     {# {% if options.allow_safe_labels and item.getExtra('safe_label', false) %} #}
  192.         {{ item.label|raw }}
  193.     {# {% else %}
  194.         {{ item.label }}
  195.     {% endif %} #}
  196. {% endblock %}