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 }}"/>
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>
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 %}>
18 <i class="fas {{ item.icon | attr}}"></i>
21 {{ item.label | text }}
23 {% if item.messageCount %}
24 <i class="fa fa-envelope-open-text text-danger"></i>
28 {% if item.children | length > 0 %}
29 <ul class="dropdown-menu" aria-labelledby="{{ item.dropdownID | attr }}-dropdown">
30 {% for child in item.children %}
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 %}>
34 <i class="fas {{ child.icon | attr }}"></i>
37 {{ child.label | text }}
38 {% if child.messageCount > 0 %}
39 <span class="badge-pill badge-danger ml-1">{{ child.messageCount | text }}</span>