templates/knp/knp_metismenu.html.twig line 1

Open in your IDE?
  1. {# templates/knp/knp_metismenu.html.twig #}
  3. {# ROOT <ul> (buat id & class) #}
  4. {% set rootAttr  = item.childrenAttributes|default({}) %}
  5. {% set rootId    = rootAttr.id|default('sidenav') %}
  6. {% set rootClass = rootAttr.class|default('') %}
  7.     {% if 'metismenu' not in rootClass %}
  8. {% set rootClass = ('metismenu ' ~ rootClass)|trim %}
  9. {% endif %}
  11.     <ul
  12.     id="{{ rootId }}" class="{{ rootClass }}"> {# LEVEL 1 #}
  13.     {% for child in item.children %}
  14.         {% if child.displayed %}
  15.             {% set childHasChildren = child.displayChildren and (child.children|length > 0) %}
  16.             {% set childIsCurrent   = child.isCurrent is defined and child.isCurrent() %}
  17.             {% set childIsAncestor  = child.isCurrentAncestor is defined and child.isCurrentAncestor() %}
  18.             {% set liClass          = (childIsCurrent or childIsAncestor) ? 'mm-active' : '' %}
  19.             {% set hrefChild        = child.uri is not empty ? child.uri : 'javascript:;' %}
  20.             {% set aClassChild      = childHasChildren ? 'has-arrow' : '' %}
  21.             {% set ariaExp          = (childIsCurrent or childIsAncestor) ? 'true' : 'false' %}
  22.             {% set iconChild        = child.extra('icon')|default('') %}
  24.             <li class="{{ liClass }}">
  25.                 <a href="{{ hrefChild }}" class="{{ aClassChild }}" {% if childHasChildren %} aria-expanded="{{ ariaExp }}" {% endif %}>
  26.                     <div class="parent-icon">
  27.                         {% if iconChild %}
  28.                             {% if 'fa ' in iconChild or 'fa-' in iconChild or 'fas ' in iconChild or 'far ' in iconChild or 'fal ' in iconChild or 'fab ' in iconChild %}
  29.                                 <i class="{{ iconChild }}"></i>
  30.                             {% else %}
  31.                                 <i class="material-icons-outlined">{{ iconChild }}</i>
  32.                             {% endif %}
  33.                         {% endif %}
  34.                     </div>
  35.                     <div class="menu-title">{{ child.label|raw }}</div>
  36.                 </a>
  38.                 {% if childHasChildren %}
  39.                     {% set childUlClass = (childIsCurrent or childIsAncestor) ? 'mm-show' : '' %}
  40.                     <ul
  41.                         class="{{ childUlClass }}">
  43.                         {# LEVEL 2 #}
  44.                         {% for sub in child.children %}
  45.                             {% if sub.displayed %}
  46.                                 {% set subHasChildren = sub.displayChildren and (sub.children|length > 0) %}
  47.                                 {% set subIsCurrent   = sub.isCurrent is defined and sub.isCurrent() %}
  48.                                 {% set subIsAncestor  = sub.isCurrentAncestor is defined and sub.isCurrentAncestor() %}
  49.                                 {% set subLiClass     = (subIsCurrent or subIsAncestor) ? 'mm-active' : '' %}
  50.                                 {% set hrefSub        = sub.uri is not empty ? sub.uri : 'javascript:;' %}
  51.                                 {% set aClassSub      = subHasChildren ? 'has-arrow' : '' %}
  52.                                 {% set ariaSub        = (subIsCurrent or subIsAncestor) ? 'true' : 'false' %}
  53.                                 {% set iconSub        = sub.extra('icon')|default('arrow_right') %}
  55.                                 <li class="{{ subLiClass }}">
  56.                                     <a href="{{ hrefSub }}" class="{{ aClassSub }}" {% if subHasChildren %} aria-expanded="{{ ariaSub }}" {% endif %}>
  57.                                         <div class="parent-icon">
  58.                                             {% if 'fa ' in iconSub or 'fa-' in iconSub or 'fas ' in iconSub or 'far ' in iconSub or 'fal ' in iconSub or 'fab ' in iconSub %}
  59.                                                 <i class="{{ iconSub }}"></i>
  60.                                             {% else %}
  61.                                                 <i class="material-icons-outlined">{{ iconSub }}</i>
  62.                                             {% endif %}
  63.                                         </div>
  64.                                         <div class="menu-title">{{ sub.label|raw }}</div>
  65.                                     </a>
  67.                                     {% if subHasChildren %}
  68.                                         {% set subUlClass = (subIsCurrent or subIsAncestor) ? 'mm-show' : '' %}
  69.                                         <ul
  70.                                             class="{{ subUlClass }}">
  72.                                             {# LEVEL 3 #}
  73.                                             {% for sub2 in sub.children %}
  74.                                                 {% if sub2.displayed %}
  75.                                                     {% set sub2IsCurrent  = sub2.isCurrent is defined and sub2.isCurrent() %}
  76.                                                     {% set sub2LiClass    = sub2IsCurrent ? 'mm-active' : '' %}
  77.                                                     {% set hrefSub2       = sub2.uri is not empty ? sub2.uri : 'javascript:;' %}
  78.                                                     {% set iconSub2       = sub2.extra('icon')|default('arrow_right') %}
  80.                                                     <li class="{{ sub2LiClass }}">
  81.                                                         <a href="{{ hrefSub2 }}">
  82.                                                             <div class="parent-icon">
  83.                                                                 {% if 'fa ' in iconSub2 or 'fa-' in iconSub2 or 'fas ' in iconSub2 or 'far ' in iconSub2 or 'fal ' in iconSub2 or 'fab ' in iconSub2 %}
  84.                                                                     <i class="{{ iconSub2 }}"></i>
  85.                                                                 {% else %}
  86.                                                                     <i class="material-icons-outlined">{{ iconSub2 }}</i>
  87.                                                                 {% endif %}
  88.                                                             </div>
  89.                                                             <div class="menu-title">{{ sub2.label|raw }}</div>
  90.                                                         </a>
  91.                                                     </li>
  92.                                                 {% endif %}
  93.                                             {% endfor %}
  94.                                         </ul>
  95.                                     {% endif %}
  96.                                 </li>
  97.                             {% endif %}
  98.                         {% endfor %}
  100.                     </ul>
  101.                 {% endif %}
  102.             </li>
  103.         {% endif %}
  104.     {% endfor %}
  106. </ul>