templates/menu/main-template.html.twig line 1

  1. {% extends "@KnpMenu/menu.html.twig" %}
  2. {% import 'knp_menu.html.twig' as knp_menu %}
  5. {% block list %}
  6.     {# {{ dump(item,matcher) }} #}
  7.     {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  8.         {# {% import _self as knp_menu %} #}
  9.         <nav class="section-navigation">
  10.             <div class="section-navigation__inner container">
  12.                 {{ block('children_desktop') }}
  13.                 {{ block('children_mobile') }}
  14.             </div>
  15.         </nav>
  16.         {% set selectedMenu = null %}
  17.         {% for it in item.children %}
  18.             {%- if matcher.isCurrent(it) or matcher.isAncestor(it, options.matchingDepth) %}
  19.                 {% if it.children|length %}
  20.                     {% set selectedMenu=it %}
  21.                 {% endif %}
  22.             {% endif %}
  24.         {% endfor %}
  25.         {% if selectedMenu %}
  26.             {{ block('second_level') }}
  27.         {% endif %}
  28.     {% endif %}
  29. {% endblock %}
  30. {% block second_level %}
  31.     <nav class="secondary-section-navigation">
  32.         <ul class="secondary-section-navigation__nav container">
  33.             {% for item in selectedMenu %}
  34.                 <li class="secondary-section-navigation__nav-link
  35.                 {% if matcher.isCurrent(item) or matcher.isAncestor(item, options.matchingDepth) %}
  36.                     secondary-section-navigation__nav-link_active
  37.                 {% endif %}
  38. ">
  39.                     {{ block("linkElement") }}
  40.                 </li>
  41.             {% endfor %}
  42.         </ul>
  43.     </nav>
  44. {% endblock %}
  46. {% block children_desktop %}
  47.     {# save current variables #}
  48.     {% set currentOptions = options %}
  49.     {% set currentItem = item %}
  50.     {# update the depth for children #}
  51.     {% if options.depth is not none %}
  52.         {% set options = options|merge({'depth': currentOptions.depth - 1}) %}
  53.     {% endif %}
  54.     {# update the matchingDepth for children #}
  55.     {% if options.matchingDepth is not none and options.matchingDepth > 0 %}
  56.         {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}
  57.     {% endif %}
  58.     {% set selectedMenu=null %}
  59.     <ul class="section-navigation__nav">
  61.         {% for item in currentItem.children %}
  62.             {%- if matcher.isCurrent(item) or matcher.isAncestor(item, options.matchingDepth) %}
  63.                 {% set selectedMenu=item %}
  64.             {% endif %}
  65.             {{ block('item_desktop') }}
  66.         {% endfor %}
  68.     </ul>
  70.     {# {% if selectedMenu and selectedMenu.children|length %}
  71.         <ul class="section-navigation__nav section-navigation__submenu ">
  72.     #}{# {{ dump(selectedMenu) }} #}{#
  73. {% for item in selectedMenu.children %}
  74.     {{ block('item_desktop') }}
  75. {% endfor %}
  76. </ul>
  77. {% endif %}
  78. #}
  79.     {# restore current variables #}
  80.     {% set item = currentItem %}
  81.     {% set options = currentOptions %}
  82. {% endblock %}
  84. {% block children_mobile %}
  85.     {# save current variables #}
  86.     {% set currentOptions = options %}
  87.     {% set currentItem = item %}
  88.     {# update the depth for children #}
  89.     {% if options.depth is not none %}
  90.         {% set options = options|merge({'depth': currentOptions.depth - 1}) %}
  91.     {% endif %}
  92.     {# update the matchingDepth for children #}
  93.     {% if options.matchingDepth is not none and options.matchingDepth > 0 %}
  94.         {% set options = options|merge({'matchingDepth': currentOptions.matchingDepth - 1}) %}
  95.     {% endif %}
  97.     {# <div class="section-navigation__mobile-nav">
  98.         <div class="section-navigation__mobile-nav-title">Об учебном заведении</div>
  99.         <a class="section-navigation__mobile-nav-button" data-toggle="collapse"
  100.            data-target=".section-navigation__mobile-nav-menu">
  101.             <i class="far fa-bars"></i></a>
  102.     </div>
  103.     <div class="section-navigation__mobile-nav-menu collapse">
  104.         <ul>
  105.             <li class="section-navigation__mobile-nav-link"><a href="/">Олимпиады</a></li>
  106.             <li class="section-navigation__mobile-nav-link"><a href="/">Новости</a></li>
  107.             <li class="section-navigation__mobile-nav-link"><a href="/">События</a></li>
  108.             <li class="section-navigation__mobile-nav-link"><a href="/">Контакты</a></li>
  109.         </ul>
  110.     </div> #}
  114.     {% for item in currentItem.children|filter(item => matcher.isCurrent(item) or matcher.isAncestor(item, options.matchingDepth) ) %}
  115.         {{ block('item_mobile_current') }}
  116.     {% endfor %}
  118.     {% set otherElements =currentItem.children|filter(item => false == matcher.isCurrent(item) and false ==  matcher.isAncestor(item, options.matchingDepth)) %}
  119.     {% if otherElements|length %}
  120.         <div class="section-navigation__mobile-nav-menu collapse">
  121.             <ul>
  122.                 {% for item in  otherElements %}
  123.                     {{ block('item_mobile_other') }}
  124.                 {% endfor %}
  125.             </ul>
  126.         </div>
  127.     {% endif %}
  129.     {# restore current variables #}
  130.     {% set item = currentItem %}
  131.     {% set options = currentOptions %}
  132. {% endblock %}
  134. {% block item_mobile_current %}
  136.     <div class="section-navigation__mobile-nav">
  137.         <div class="section-navigation__mobile-nav-title">{{ block('simpleLinkElement') }}</div>
  138.         <a class="section-navigation__mobile-nav-button" data-toggle="collapse"
  139.            data-target=".section-navigation__mobile-nav-menu">
  140.             <i class="far fa-bars"></i></a>
  141.     </div>
  142. {% endblock %}
  143. {% block item_mobile_other %}
  144.     {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
  145.     {%- set classes = classes|merge(["section-navigation__mobile-nav-link",options.itemMobileClass|default]) %}
  146.     {%- set attributes = item.attributes %}
  147.     {%- if classes is not empty %}
  148.         {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  149.     {%- endif %}
  150.     <li{{ knp_menu.attributes(attributes) }}>
  151.         {# {%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  152.                 {{ block('linkElement') }}
  153.             {%- else %} #}
  155.         {{ block('linkElement') }}
  156.         {# {%- endif %} #}
  158.     </li>
  159.     {# <li class="section-navigation__mobile-nav-link"><a href="/">Контакты</a></li> #}
  160. {% endblock %}
  162. {% block item_desktop %}
  163.     {# {{ dump(knp_menu) }} #}
  164.     {% if item.displayed %}
  165.         {# building the class of the item #}
  166.         {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
  167.         {%- set classes = classes|merge(["section-navigation__nav-link",options.itemDesktopClass|default]) %}
  169.         {%- if matcher.isCurrent(item) %}
  170.             {%- set classes = classes|merge([options.currentClass]) %}
  171.         {%- elseif matcher.isAncestor(item, options.matchingDepth) %}
  172.             {%- set classes = classes|merge([options.ancestorClass]) %}
  173.         {%- endif %}
  174.         {%- if item.actsLikeFirst %}
  175.             {%- set classes = classes|merge([options.firstClass]) %}
  176.         {%- endif %}
  177.         {%- if item.actsLikeLast %}
  178.             {%- set classes = classes|merge([options.lastClass]) %}
  179.         {%- endif %}
  180.         {% if item.hasChildren %}
  181.             {%- set classes = classes|merge(["submenu"]) %}
  182.         {% endif %}
  183.         {# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
  184.         {% if item.hasChildren and options.depth is not same as(0) %}
  185.             {% if options.branch_class is not empty and item.displayChildren %}
  186.                 {%- set classes = classes|merge([options.branch_class]) %}
  187.             {% endif %}
  188.         {% elseif options.leaf_class is not empty %}
  189.             {%- set classes = classes|merge([options.leaf_class]) %}
  190.         {%- endif %}
  192.         {%- set attributes = item.attributes %}
  193.         {%- if classes is not empty %}
  194.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  195.         {%- endif %}
  196.         {# displaying the item #}
  198.         {# {% import _self as knp_menu %} #}
  199.         <li{{ knp_menu.attributes(attributes) }}>
  200.             {# {%- if item.uri is not empty and (not matcher.isCurrent(item) or options.currentAsLink) %}
  201.                 {{ block('linkElement') }}
  202.             {%- else %} #}
  204.             {{ block('linkElement') }}
  205.             {# {%- endif %} #}
  207.         </li>
  208.     {% endif %}
  209. {% endblock %}
  211. {% block label %}{% if options.allow_safe_labels and item.getExtra('safe_label', false) %}{{ item.label|raw }}{% else %}{{ item.label|trans }}{% endif %}{% endblock %}
  213. {% block linkElement -%}
  214.     {%- set classes = item.linkAttributes('class') is not empty ? [item.linkAttributes('class')] : [] %}
  216.     {%- if matcher.isCurrent(item) %}
  217.         {%- set classes = classes|merge([options.currentClass]) %}
  218.     {%- elseif matcher.isAncestor(item, options.matchingDepth) %}
  219.         {%- set classes = classes|merge([options.ancestorClass]) %}
  220.     {%- endif %}
  221.     {%- set attributes = item.linkAttributes %}
  222.     {%- if classes is not empty %}
  223.         {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  224.     {%- endif %}
  226.     <a href="{{ item.uri|default("#") }}"{{ knp_menu.attributes(attributes) }}>{{ block('label') }}</a>
  227. {%- endblock %}
  229. {% block simpleLinkElement -%}
  232.     <a href="{{ item.uri|default("#") }}">{{ block('label') }}</a>
  233. {%- endblock %}