templates/menu/ntl-list.html.twig line 1

  1. {% extends 'knp_menu.html.twig' %}
  3. {%- block list %}
  4.     {% if item.hasChildren and options.depth is not same as(0) and item.displayChildren %}
  5.         {% import 'knp_menu.html.twig' as knp_menu %}        
  6.         <ntl-list  {{ knp_menu.attributes(listAttributes) }} role="menu">
  7.             {{ block('children') }}
  8.         </ntl-list>                
  9.     {% endif %}
  10. {% endblock -%}
  12. {%- block item %}
  13.     {% if item.displayed %}
  14.     {# building the class of the item #}
  15.         {%- set classes = item.attribute('class') is not empty ? [item.attribute('class'),"nav-item"] : ["nav-item"] %}
  16.         {%- if matcher.isCurrent(item) %}
  17.             {%- set classes = classes|merge([options.currentClass]) %}
  18.         {%- elseif matcher.isAncestor(item, options.matchingDepth) %}
  19.             {%- set classes = classes|merge([options.ancestorClass]) %}
  20.         {%- endif %}
  21.         {%- if item.actsLikeFirst %}
  22.             {%- set classes = classes|merge([options.firstClass]) %}
  23.         {%- endif %}
  24.         {%- if item.actsLikeLast %}
  25.             {%- set classes = classes|merge([options.lastClass]) %}
  26.         {%- endif %}
  27.         {% if options.itemClass is defined %}
  28.             {%- set classes = classes|merge([options.itemClass]) %}
  29.         {% endif %}
  31.         {# Mark item as "leaf" (no children) or as "branch" (has children that are displayed) #}
  32.         {% if item.hasChildren and options.depth is not same as(0) %}
  33.             {% if options.branch_class is not empty and item.displayChildren %}
  34.                 {%- set classes = classes|merge([options.branch_class]) %}
  35.             {% endif %}
  36.         {% elseif options.leaf_class is not empty %}
  37.             {%- set classes = classes|merge([options.leaf_class]) %}
  38.         {%- endif %}
  40.         {%- set attributes = item.attributes %}
  42.         {%- if classes is not empty %}
  43.             {%- set attributes = attributes|merge({'class': classes|join(' ')}) %}
  44.         {%- endif %}
  45.         
  46.         {% set menuExpanded = true %}
  47.         {% if "expanded" in item.extras|keys and not item.extras["expanded"] %}
  48.             {% set menuExpanded = false %}
  49.         {% endif %}
  50.         
  51.         {% if item.children|length == 0 %}
  52.             {% if "show-in-modal" in attributes|keys %}        
  53.                 <ntl-list-item {% if "icon" in item.extras|keys and item.extras["icon"] %}graphic="icon"{% endif %} {% for attrname,attrval in attributes %} {{attrname}} = "{{attrval}}" {% endfor %}  role="menuitem" >                                
  54.                     {% if item.uri is defined and item.uri %}                                        
  55.                         <ntl-fetcher trigger-on="click" show-in-modal url="{{item.uri}}"></ntl-fetcher>                                    
  56.                     {% endif %}
  57.                     {{ block('menuItemContent') }}                
  58.                 </ntl-list-item>   
  59.             {% else %}
  60.                 <ntl-list-item role="menuitem" {% if "icon" in item.extras|keys and item.extras["icon"] %}graphic="icon"{% endif %} {% for attrname,attrval in attributes %} {{attrname}} = "{{attrval}}" {% endfor %} {% if item.uri is defined and item.uri %}href="{{item.uri}}"{% endif %}>                                            
  61.                     {{ block('menuItemContent') }}      
  62.                 </ntl-list-item>
  63.             {% endif %}        
  64.         {% else %}
  65.             {%- set childrenClasses = item.childrenAttribute('class') is not empty ? [item.childrenAttribute('class')] : [] %}
  66.             {%- set childrenClasses = childrenClasses|merge(['list-group level_' ~ item.level]) %}
  67.             {% if menuExpanded == false %}
  68.                 {% set state = "collapsed" %}
  69.             {% else %}
  70.                 {% set state = "expanded" %}
  71.             {% endif %}
  72.             {%- set listAttributes = item.childrenAttributes|merge({'class': childrenClasses|join(' '), 'state' : state })  %}
  73.     
  74.             <ntl-list-item {% if "icon" in item.extras|keys and item.extras["icon"] %}graphic="avatar"{% endif %} class="group-item" role="menu-item">
  75.                 <span class="caption">{{ block('menuItemContent') }}</span>
  76.                 {{ block('list') }}
  77.             </ntl-list-item>
  78.         
  79.         {% endif %}
  80.     {% endif %}
  81. {% endblock -%}
  83. {%- block menuItemContent %}
  84.     {% if "icon" in item.extras|keys and item.extras["icon"] %}        
  85.         <ntl-icon class="icon" slot="graphic">{{ item.extras["icon"] }}</ntl-icon>            
  86.     {% endif %}     
  87.     {% if "hint" in item.extras|keys and item.extras["hint"] %}        
  88.         <span slot="meta">
  89.             <ntl-icon>help</ntl-icon>
  90.             <ntl-tooltip label="{{item.extras["hint"]}}"></ntl-tooltip>
  91.         </span>
  92.     {% endif %}     
  93.     <span class="title">                
  94.         {{ block('label') }}
  95.     </span>
  96. {% endblock -%}