|
1 | | -<nav id="navigation" role="navigation"> |
2 | | - <span class="navigation-label">Navigation:</span> |
3 | | - |
4 | | - {% for item in navigation.items %} |
5 | | - |
6 | | - {# Set attributes and classes to blank to start #} |
7 | | - {% set relAttribute = '' %} |
8 | | - {% set currentAttribute = '' %} |
9 | | - {% set itemUrl = item.url %} |
10 | | - {% set target = '' %} |
11 | | - {% set active = '' %} |
12 | | - |
13 | | - {# Set Attributes #} |
14 | | - {% if item.rel %} |
15 | | - {% set relAttribute = ' rel="' + item.rel + '"' %} |
16 | | - {% endif %} |
17 | | - |
18 | | - {% if page.url | lower == item.url | lower %} |
19 | | - {% set currentAttribute = ' aria-current="page"' %} |
20 | | - {% set active = 'active' %} |
21 | | - {% endif %} |
22 | | - |
23 | | - {# {% set hasSubmenu = '' %} |
24 | | - {% set dropdown = '' %} |
25 | | - {% set dropdownToggle = '' %} |
26 | | - {% set dropdownAttributes = '' %} #} |
27 | | - |
28 | | - {# {% if item.submenuitems | length %} |
29 | | - {% set hasSubmenu = true %} |
30 | | - {% set dropdown = 'dropdown' %} |
31 | | - {% set dropdownToggle = 'dropdown-toggle' %} |
32 | | - {% set dropdownAttributes = 'role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' %} |
33 | | - {% set itemUrl = '#' %} |
34 | | - {% endif %} #} |
35 | | - |
36 | | - {# {% if item.external %} |
37 | | - {% set target = 'target="_blank"' %} |
38 | | - {% endif %} #} |
39 | | - |
40 | | - {% include "partials/nav-item.njk" %} |
41 | | - |
42 | | - {% endfor %} |
| 1 | +<nav id="navigation" class="navbar navbar-expand-lg" role="navigation"> |
| 2 | + <div class="container"> |
| 3 | + <a class="navbar-brand" href="#">Navbar</a> |
| 4 | + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigation-content" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
| 5 | + <span class="navbar-toggler-icon"></span> |
| 6 | + </button> |
| 7 | + |
| 8 | + <div class="collapse navbar-collapse" id="navigation-content"> |
| 9 | + <ul class="navbar-nav"> |
| 10 | + {% for item in navigation.items %} |
| 11 | + |
| 12 | + {# Set attributes and classes to blank to start #} |
| 13 | + {% set relAttribute = '' %} |
| 14 | + {% set currentAttribute = '' %} |
| 15 | + {% set itemUrl = item.url %} |
| 16 | + {% set target = '' %} |
| 17 | + {% set active = '' %} |
| 18 | + |
| 19 | + {# Set Attributes #} |
| 20 | + {% if item.rel %} |
| 21 | + {% set relAttribute = ' rel="' + item.rel + '"' %} |
| 22 | + {% endif %} |
| 23 | + |
| 24 | + {% if page.url | lower == item.url | lower %} |
| 25 | + {% set currentAttribute = ' aria-current="page"' %} |
| 26 | + {% set active = 'active' %} |
| 27 | + {% endif %} |
| 28 | + |
| 29 | + {% set hasSubmenu = '' %} |
| 30 | + {% set dropdown = '' %} |
| 31 | + {% set dropdownToggle = '' %} |
| 32 | + {% set dropdownAtttributes = '' %} |
| 33 | + |
| 34 | + {% if item.submenuitems | length %} |
| 35 | + {% set hasSubmenu = true %} |
| 36 | + {% set dropdown = 'dropdown' %} |
| 37 | + {% set dropdownToggle = 'dropdown-toggle' %} |
| 38 | + {% set dropdownAttributes = 'role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"' %} |
| 39 | + {% set itemUrl = '#' %} |
| 40 | + {% endif %} |
| 41 | + |
| 42 | + {% if item.external %} |
| 43 | + {% set target = 'target="_blank"' %} |
| 44 | + {% endif %} |
| 45 | + |
| 46 | + {% include "partials/nav-item.njk" %} |
| 47 | + |
| 48 | + {% endfor %} |
| 49 | + </ul> |
| 50 | + </div> |
| 51 | + </div> |
43 | 52 | </nav> |
0 commit comments