1: #set ($fluid = false) 2: #set ($container = "container") 3: #set ($bgColor = "bg-primary") 4: #set ($colorScheme = "navbar-dark") 5: #set ($bgColorDropdown = "bg-primary") 6: #set ($colorSchemeDropdown = "navbar-dark") 7: #set ($linkPageTitle = true) 8: 9: #if ($request.getParameter("linkPageTitle")) 10: #set ($linkPageTitle = $request.getParameter("linkPageTitle")) 11: #end 12: 13: #if ($request.getParameter("fluid") == true) 14: #set ($fluid = true) 15: #set ($container = "container-fluid") 16: #end 17: 18: #if ($request.getParameter("colorScheme") == "navbar-light") 19: #set ($colorScheme = "navbar-light") 20: #set ($bgColor = "bg-light") 21: #end 22: 23: #if ($request.getParameter("bgColor")) 24: #set ($bgColor = $request.getParameter("bgColor")) 25: #end 26: 27: #if ($request.getParameter("colorScheme") == "inherit") 28: #set ($colorScheme = "") 29: #set ($bgColor = "") 30: #end 31: 32: #if ($request.getParameter("colorSchemeDropdown") == "navbar-light") 33: #set ($colorSchemeDropdown = "navbar-light") 34: #set ($bgColorDropdown = "bg-light") 35: #end 36: 37: #if ($request.getParameter("bgColorDropdown")) 38: #set ($bgColorDropdown = $request.getParameter("bgColorDropdown")) 39: #end 40: 41: #set ($instance = 1) 42: #if ($request.getAttribute("secondaryNavInstance")) 43: #set ($instance = $tool.math.add($request.getAttribute("secondaryNavInstance"), 1)) 44: #end 45: 46: $!request.setAttribute("secondaryNavInstance", $instance) 47: #set ($id = "secondary-nav${instance}") 48: 49: #set ($sportHomeLink = "") 50: #if ($linkPageTitle == true) 51: #if ($page.url.startsWith("/sports/")) 52: #if ($page.url.split("/").size() >= 3) 53: #set ($sportStr = $page.url.split("/").get(2)) 54: #set ($sportHomeLink = "/sports/${sportStr}/index") 55: #end 56: #else 57: #if ($page.url.endsWith("/navbar-secondary")) 58: #set ($sportHomeLink = $page.url.replace("/navbar-secondary","")) 59: #end 60: #end 61: #end 62: 63: #set ($secondaryHeadingTag = "div") 64: #if ($request.getAttribute("pageClass").contains("sport-home")) 65: #set ($secondaryHeadingTag = "h1") 66: #end 67: 68: #if ($request.getParameter("dropdown-items") == true) 69: #if ($entries.size() > 0) 70: #foreach ($entry in $entries) 71: <a href="$entry.targetURL" class="dropdown-item" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end>$entry.label</a> 72: #end 73: $wiki 74: #end 75: 76: #else 77: ## top level items 78: 79: <nav id="${id}" class="navbar navbar-secondary navbar-expand ${colorScheme} ${bgColor} justify-content-between" aria-label="secondary" data-module="bs-scripts/navbar-flex"> 80: <div class="$container"> 81: <div class="d-flex justify-content-first flex-grow-1 align-items-center"> 82: <$secondaryHeadingTag class="m-0 h2 font-weight-bold"> 83: #if($sportHomeLink.length() > 0) 84: <a href="${sportHomeLink}" class="navbar-brand navbar-page-title d-block text-wrap text-break">${page.title}</a> 85: #else 86: <span class="navbar-brand navbar-page-title d-block text-wrap text-break">${page.title}</span> 87: #end 88: </$secondaryHeadingTag> 89: #if ($page.thumbnailURL.length() > 0) 90: <img class="navbar-secondary-thumbnail img-fluid img-mh-3 d-none d-sm-block" src="$page.thumbnailURL" alt="#if ($page.thumbnailPage.altText.length() > 0) $page.thumbnailPage.altText #else $!page.title Icon #end" /> 91: #end 92: <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#${id}-collapse" aria-controls="${id}-collapse" aria-expanded="false" aria-label="Toggle navigation"> 93: <span class="fas fa-bars" aria-label="More"></span> 94: </button> 95: </div> 96: <div class="links collapse navbar-collapse justify-content-end"> 97: <ul class="navbar-nav align-self-end d-flex flex-wrap navbar-flex-autocollapse w-auto" id="${id}-collapse"> 98: #foreach ($entry in $entries) 99: #if ($entry.secondaryURL.length() > 0) 100: <li class="nav-item item-${velocityCount} #if($level > 1) dropdown-submenu #else dropdown #end"> 101: <a href="$entry.targetURL" class="nav-link dropdown-toggle" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end id="${id}-dropdown${velocityCount}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">$entry.label</a> 102: <div class="dropdown-menu text-left level-${level} ${bgColorDropdown} ${colorSchemeDropdown} p-lg-0" aria-labelledby="navbarDropdown${velocityCount}"> 103: $website.includeAgain("${entry.secondaryURL}?tmpl=secondary-nav-template&dropdown-items=true&colorScheme=${colorScheme}&colorSchemeDropdown=${colorSchemeDropdown}&level=${level}&bgColorDropdown=${bgColorDropdown}") 104: </div> 105: </li> 106: #else 107: <li class="nav-item"><a href="$entry.targetURL" class="nav-link" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end>$entry.label</a></li> 108: #end 109: #end 110: <li class="nav-item dropdown flexible-menu d-none"> 111: <button class="btn ${bgColor} nav-link" id="navbarDropdownMenu" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="more button"> 112: <span class="fas fa-bars" aria-label="More"></span> 113: </button> 114: <ul class="dropdown-menu text-left dropdown-menu-right flexible-dropdown-menu ${bgColorDropdown} ${colorSchemeDropdown} nowrap p-lg-0" aria-labelledby="navbarDropdownMenu"> 115: </ul> 116: </li> 117: 118: </ul> 119: $wiki 120: </div> 121: </div> 122: </nav> 123: 124: #end ## dropdown check