templates/frontend/navigation/theme.html.twig line 1

Open in your IDE?
  1. {% extends 'knp_menu.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 item %}
  12.     {# macro inheritance not supported anymore in twig #}
  13.     {# {% import '@knp_menu/knp_menu.html.twig' as macros %} #}
  14.     {% if item.displayed %}
  15.         {%- set attributes = item.attributes %}
  16.         {%- set is_dropdown = attributes.dropdown|default(false) %}
  17.         {%- set divider_prepend = attributes.divider_prepend|default(false) %}
  18.         {%- set divider_append = attributes.divider_append|default(false) %}
  20.         {# unset bootstrap specific attributes #}
  21.         {%- set attributes = attributes|merge({'dropdown': null, 'divider_prepend': null, 'divider_append': null }) %}
  23.         {%- if divider_prepend %}
  24.             {{ block('dividerElement') }}
  25.         {%- endif %}
  27.         {# building the class of the item #}
  28.         {%- set classes = item.attribute('class') is not empty ? [item.attribute('class')] : [] %}
  29.         {%- if matcher.isCurrent(item) %}
  30.             {%- set classes = classes|merge([options.currentClass]) %}
  31.         {%- elseif matcher.isAncestor(item, options.depth) %}
  32.             {%- set classes = classes|merge([options.ancestorClass]) %}
  33.         {%- endif %}
  34.         {%- if item.actsLikeFirst %}
  35.             {%- set classes = classes|merge([options.firstClass]) %}
  36.         {%- endif %}
  37.         {%- if item.actsLikeLast %}
  38.             {%- set classes = classes|merge([options.lastClass]) %}
  39.         {%- endif %}
  41.         {# building the class of the children #}
  42.         {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  43.         {%- set childrenClasses = childrenClasses|merge(['menu_level_' ~ item.level]) %}
  45.         {# adding classes for dropdown #}
  46.         {%- if is_dropdown %}
  47.             {%- set classes = classes|merge(['dropdown']) %}
  48.             {%- set childrenClasses = childrenClasses|merge(['dropdown-menu']) %}
  49.         {%- endif %}
  51.         {# putting classes together #}
  52.         {%- if classes is not empty %}
  53.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  54.         {%- endif %}
  55.         {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' ') }) %}
  57.         {# displaying the item #}
  58.         {% set attributes = item.attributes(attributes) %}
  59.         <li{{ _self.attributes(attributes) }}>
  60.             {%- if is_dropdown %}
  61.                 {{ block('dropdownElement') }}
  62.             {%- elseif item.uri is not empty and (not item.current or options.currentAsLink) %}
  63.                 {{ block('linkElement') }}
  64.             {%- elseif attributes.data is defined and attributes.data == 'search-box' %}
  65.             {%- else %}
  66.                 {{ block('spanElement') }}
  67.             {%- endif %}
  68.             {# render the list of children#}
  69.             {{ block('list') }}
  70.         </li>
  72.         {%- if divider_append %}
  73.             {{ block('dividerElement') }}
  74.         {%- endif %}
  75.     {% endif %}
  76. {% endblock %}
  78. {% block dividerElement %}
  79.     {% if item.level == 1 %}
  80.         <li class="divider-vertical"></li>
  81.         {% else %}
  82.         <li class="divider"></li>
  83.         {% endif %}
  84.     {% endblock %}
  86. {% block linkElement %}
  87.     <a href="{{ item.uri }}"{{ _self.attributes(item.linkAttributes) }}>
  88.         {% if item.attribute('icon') is not empty  %}
  89.             <i class="{{ item.attribute('icon') }} hidden-xs"></i>
  90.             <span class="hidden-sm hidden-lg hidden-md">{{ item.attribute('icon_text')|raw }}</span>
  91.         {% endif %}
  92.         {{ block('label') }}
  93.         {% if item.attribute('linktext') is not empty  %}
  94.             <span class="linktext">{{ item.attribute('linktext')|raw }}</span>
  95.         {% endif %}
  96.     </a>
  97. {% endblock %}
  99. {% block searchForm %}
  100.     <form class="navbar-form navbar-left searchform" role="search">
  101.         <div class="input-group">
  102.             <span class="input-group-btn hidden-xs hidden-sm" id="searchbutton" >
  103.                 <button class="btn btn-transparent glyphicon glyphicon-search" type="button"></button>
  104.             </span>
  105.             <input type="text" class="form-control searchbox hidden-md hidden-lg" id="searchbox" placeholder="Suche...">
  106.         </div>
  107.     </form>
  108. {% endblock %}
  110. {% block spanElement %}
  111.     <span>{{ _self.attributes(item.labelAttributes) }}
  112.         {% if item.attribute('icon') is not empty  %}
  113.             <i class="{{ item.attribute('icon') }}"></i>
  114.         {% endif %}
  115.         {{ block('label') }}
  116.     </span>
  117. {% endblock %}
  119. {% block dropdownElement %}
  120.     {%- set classes = item.linkAttribute('class') is not empty ? [item.linkAttribute('class')] : [] %}
  121.     {%- set classes = classes|merge(['dropdown-toggle']) %}
  122.     {%- set attributes = item.linkAttributes %}
  123.     {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  124.     {%- set attributes = attributes|merge({'data-toggle': 'dropdown'}) %}
  125.     <a href="#"{{ macros.attributes(attributes) }}>
  126.         {% if item.attribute('icon') is not empty  %}
  127.             <i class="{{ item.attribute('icon') }}"></i>
  128.         {% endif %}
  129.         {{ block('label') }}
  130.         <b class="caret"></b>
  131.     </a>
  132. {% endblock %}
  134. {% block label %}{{ item.label| raw }}{% endblock %}