templates/portal/header.html.twig

   1 <nav id="topNav" class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
   2     <a class="navbar-brand" href="home.php">
   3         <img class="d-inline-block align-top" height="{{ primaryMenuLogoHeight|attr }}" src="{{ menuLogo | attr }}"/>
   4     </a>
   5
   6     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav" aria-controls="nav" aria-expanded="false" aria-label="Toggle navigation">
   7         <span class="navbar-toggler-icon"></span>
   8     </button>
   9
  10     <div class="collapse navbar-collapse justify-content-end" id="nav">
  11         <ul class="navbar-nav mt-2 mt-lg-0">
  12             {% for item in navMenu %}
  13                 <li class="nav-item {% if item.children %}dropdown{% endif %}">
  14                     <a class="nav-link {% if item.children %}dropdown-toggle{% endif %}" href="{{ item.url | attr }}" {% if item.children %} data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" {% else %} data-toggle="{{ item.dataToggle | attr }}" data-parent="#cardgroup" {% endif %}>
  15
  16
  17                         {% if item.icon %}
  18                             <i class="fas {{ item.icon | attr}}"></i>
  19                         {% endif %}
  20
  21                         {{ item.label | text }}
  22
  23                         {% if item.messageCount %}
  24                             <i class="fa fa-envelope-open-text text-danger"></i>
  25                         {% endif %}
  26                     </a>
  27
  28                     {% if item.children | length > 0 %}
  29                         <ul class="dropdown-menu" aria-labelledby="{{ item.dropdownID | attr }}-dropdown">
  30                             {% for child in item.children %}
  31                                 <li>
  32                                     <a class="dropdown-item" {% if child.id %}id="{{ child.id | attr}}"{% endif %}  {% if child.target_blank %} target="_blank" {% endif %} href="{{ child.url | attr }}" {% if child.children %} data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" {% endif %} {% if child.dataToggle %} data-toggle="{{ child.dataToggle | attr }}" data-parent="#cardgroup" {% endif %}>
  33                                         {% if child.icon %}
  34                                             <i class="fas {{ child.icon | attr }}"></i>
  35                                         {% endif %}
  36
  37                                         {{ child.label | text }}
  38                                         {% if child.messageCount > 0 %}
  39                                             <span class="badge-pill badge-danger ml-1">{{ child.messageCount | text }}</span>
  40                                         {% endif %}
  41                                     </a>
  42                                 </li>
  43                             {% endfor %}
  44                         </ul>
  45                     {% endif %}
  46
  47                 </li>
  48             {% endfor %}
  49         </ul>
  50     </div>
  51 </nav>