1: #if ($website.redesign) 2: 3: #set ($showTitle = false) 4: #if ($request.getParameter("showTitle") && $request.getParameter("showTitle") == true) 5: #set ($showTitle = true) 6: #end 7: 8: #set ($columnLimit = 0) 9: #if ($tool.math.toInteger($request.getParameter("columnLimit")) > 0) 10: #set ($columnLimit = $tool.math.toInteger($request.getParameter("columnLimit"))) 11: #end 12: 13: #if ($request.getParameter("dropdown")) 14: ## CREATE DROPDOWN INTERFACE 15: 16: #if ($entries.size() > 0) 17: 18: #set ($level = $tool.math.add($request.getParameter("level"), 1)) 19: #if ($showTitle && $page.title.length() > 0)<span class="submenu-title">$page.title</span>#end 20: 21: <ul class="clearfix" role="menubar"> 22: #foreach ($entry in $entries) 23: #if ($request.getParameter("ariaLabel").length() > 0) 24: #set ($ariaLabel = "${request.getParameter('ariaLabel')}: ${entry.label}") 25: #else 26: #set ($ariaLabel = $entry.label) 27: #end 28: 29: #if ($entry.secondaryURL.length() > 1) 30: #if ($entry.targetURL.length() > 1) 31: #set ($followLink = true) 32: #set ($targetURL = $entry.targetURL) 33: #else 34: #set ($followLink = false) 35: #set ($targetURL = $entry.secondaryURL) 36: #end 37: 38: <li class="has-submenu" data-follow-link="${followLink}"> 39: <a href="${targetURL}" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end aria-label="${ariaLabel}">$entry.label</a> 40: <div class="submenu level${level} clearfix"> 41: 42: #if ($entry.secondaryURL.contains("tmpl=")) 43: #set ($secondaryURL = $entry.secondaryURL) 44: #else 45: ##set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&ariaLabel=${tool.esc.url($ariaLabel)}") 46: #set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}") 47: #end 48: $website.includeAgain("${secondaryURL}") 49: </div> 50: </li> 51: #else 52: <li><a href="$entry.targetURL" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end aria-label="$ariaLabel">$entry.label</a></li> 53: #end 54: 55: #if ($columnLimit > 0 && $velocityCount % $columnLimit == 0 && $velocityCount != $entries.size()) 56: </ul><ul class="clearfix" role="menubar"> 57: #end 58: 59: #end 60: 61: #if ($wiki.valid())<li class="wiki">$wiki</li>#end 62: 63: </ul> 64: 65: #end ## ENTRIES SIZE 66: 67: 68: #else 69: ## TOP NAVIGATION 70: 71: #set($navContent = "") 72: #if ($request.getParameter("navContent")) 73: #set ($navContent = $request.getParameter("navContent")) 74: #end 75: 76: #set($activateOn = "hover") 77: #if ($request.getParameter("activateOn")) 78: #set ($activateOn = $request.getParameter("activateOn")) 79: #end 80: 81: #set($splitNav = false) 82: #if ($request.getParameter("splitNav") == true) 83: #set ($splitNav = true) 84: #end 85: 86: #if ($request.getAttribute("navInstance")) 87: #set ($instance = $tool.math.toInteger($request.getAttribute("navInstance"))) 88: #set ($id = "nav${instance}") 89: #set ($instance = $instance + 1) 90: #else 91: #set ($id = "nav") 92: #set ($instance = 1) 93: #end 94: 95: $request.setAttribute("navInstance", $instance) 96: 97: #if ($request.getParameter("id")) 98: #set ($id = $request.getParameter("id")) 99: #end 100: 101: #set ($level = 1) 102: #if ($splitNav) 103: #set ($splitIndex = $tool.math.ceil($tool.math.div($entries.size(), 2))) 104: #end 105: 106: <nav id="${id}" class="dropnav" data-module="dropnav" data-activate-on="$activateOn"> 107: <div class="offscreen">Site Navigation</div> 108: <ul class="clearfix" role="menubar"> 109: #foreach ($entry in $entries) 110: 111: #if($entry.label == 'Sports') 112: #set($columnLimit = 8) 113: #else 114: #set($columnLimit = 6) 115: #end 116: 117: #if ($entry.secondaryURL.length() > 1) 118: 119: #if ($entry.targetURL.length() > 1) 120: #set ($followLink = true) 121: #set ($targetURL = $entry.targetURL) 122: #else 123: #set ($followLink = false) 124: #set ($targetURL = $entry.secondaryURL) 125: #end 126: 127: <li class="nav nav${velocityCount} has-submenu" data-follow-link="${followLink}"> 128: <a href="${targetURL}" class="nav-link" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end>$entry.label</a> 129: <div id="submenu${velocityCount}" class="submenu level${level} clearfix"> 130: 131: #if ($entry.secondaryURL.contains("tmpl=")) 132: #set ($secondaryURL = $entry.secondaryURL) 133: #else 134: ##set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&ariaLabel=${tool.esc.url($entry.label)}") 135: #set ($secondaryURL = "$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}") 136: #end 137: $website.includeAgain("${secondaryURL}") 138: 139: ## NAVIGATION CONTENT 140: #if ($navContent.length() > 0) 141: $website.includeAgain("${navContent}?count=${velocityCount}") 142: #end 143: 144: </div> 145: </li> 146: #else 147: <li class="nav nav${velocityCount}"><a href="$entry.targetURL" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end class="nav-link">$entry.label</a></li> 148: #end 149: #if($splitIndex == $velocityCount) 150: </ul><ul class="clearfix" role="menubar"> 151: #end 152: #end 153: #if ($wiki.valid())<li class="wiki">$wiki</li>#end 154: </ul> 155: #if ($entries.size() > 0)<div class="none close">Close</div>#end 156: </nav> 157: 158: #end ## DROPDOWN CHECK 159: 160: 161: 162: 163: 164: 165: 166: 167: 168: 169: 170: 171: 172: 173: 174: 175: 176: 177: 178: 179: 180: 181: 182: 183: 184: 185: 186: 187: 188: 189: 190: 191: 192: 193: 194: 195: 196: 197: 198: 199: #else 200: 201: #set ($showTitle = false) 202: #if ($request.getParameter("showTitle") && $request.getParameter("showTitle") == true) 203: #set ($showTitle = true) 204: #end 205: 206: #set ($columnLimit = 0) 207: #if ($tool.math.toInteger($request.getParameter("columnLimit")) > 0) 208: #set ($columnLimit = $tool.math.toInteger($request.getParameter("columnLimit"))) 209: #end 210: 211: #if ($request.getParameter("dropdown")) 212: ## CREATE DROPDOWN INTERFACE 213: 214: #if ($entries.size() > 0) 215: 216: #set ($level = $request.getParameter("level")) 217: #set ($submenu = $request.getParameter("submenu")) 218: 219: #if ($showTitle && $page.title.length() > 0)<span class="submenu-title">$page.title</span>#end 220: 221: #set ($colSize = $tool.math.ceil($tool.math.div($entries.size(), 5))) 222: #if ($colSize > 5) #set ($colSize = 5) #end 223: #set ($minCol = $tool.math.floor($tool.math.div($entries.size(), $colSize))) 224: #set ($leftOverEntries = $entries.size() % $colSize) 225: #set ($leftOverEntriesCol = $tool.math.ceil($tool.math.div($colSize, 2))) 226: #set ($nextColStartIndex = 0) 227: #set ($columnCount = 0) 228: 229: <ul class="clearfix"> 230: 231: #foreach ($entry in $entries) 232: 233: #if (($velocityCount - 1) == $nextColStartIndex) 234: #set ($columnCount = $columnCount + 1) 235: #set ($nextColStartIndex = $nextColStartIndex + $minCol) 236: #if ($leftOverEntries > 0 && $leftOverEntriesCol == $columnCount) 237: #set ($nextColStartIndex = $nextColStartIndex + $leftOverEntries) 238: #set ($leftOverEntries = $leftOverEntries - $leftOverEntries) 239: #end 240: #if ($velocityCount > 1) 241: </ul><ul class="clearfix"> 242: #end 243: #end 244: 245: #if ($entry.secondaryURL.length() > 1) 246: <li class="has-submenu"> 247: <a href="$entry.secondaryURL">$entry.label</a> 248: <div id="submenu${submenu}-${velocityCount}" class="submenu level${tool.math.add($level, 1)} clearfix"> 249: $website.includeAgain("$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&submenu=${submenu}") 250: </div> 251: </li> 252: #else 253: <li><a href="$entry.targetURL" #if($website.isExternalLink($entry.targetURL))target="_blank"#end>$entry.label</a></li> 254: #end 255: 256: #* 257: #if ($entries.size() > $columnLimit && $entries.size() < $tool.math.mul($columnLimit, 2)) 258: #set ($columnLimit = $tool.math.ceil($tool.math.div($entries.size(), 2))) 259: #end 260: 261: #if ($columnLimit > 0 && $velocityCount % $columnLimit == 0 && $velocityCount != $entries.size()) 262: </ul><ul class="clearfix"> 263: #end 264: *# 265: 266: #end 267: 268: #if ($wiki.valid())<li>$wiki</li>#end 269: 270: </ul> 271: 272: #end ## ENTRIES SIZE 273: 274: 275: #else 276: ## TOP NAVIGATION 277: 278: #set($navContent = "") 279: #if ($request.getParameter("navContent")) 280: #set ($navContent = $request.getParameter("navContent")) 281: #end 282: 283: #if ($request.getAttribute("navInstance")) 284: #set ($instance = $tool.math.toInteger($request.getAttribute("navInstance"))) 285: #set ($id = "nav${instance}") 286: #set ($instance = $instance + 1) 287: #else 288: #set ($id = "nav") 289: #set ($instance = 1) 290: #end 291: 292: $request.setAttribute("navInstance", $instance) 293: 294: #if ($request.getParameter("id")) 295: #set ($id = $request.getParameter("id")) 296: #end 297: 298: #set ($level = 1) 299: 300: <nav id="${id}" class="dropnav" role="navigation"> 301: <h2 style="display:none">Navigation</h2> 302: <ul class="clearfix"> 303: #foreach ($entry in $entries) 304: #if ($entry.secondaryURL.length() > 1) 305: <li class="nav nav${velocityCount} has-submenu"> 306: <a href="#submenu${velocityCount}" class="nav-link">$entry.label</a> 307: <div id="submenu${velocityCount}" class="submenu level${level} clearfix"> 308: $website.includeAgain("$entry.secondaryURL?tmpl=navigation-template&dropdown=true&showTitle=${showTitle}&columnLimit=${columnLimit}&level=${level}&submenu=$velocityCount") 309: 310: ## NAVIGATION CONTENT 311: #if ($navContent.length() > 0) 312: $website.includeAgain("${navContent}?count=${velocityCount}") 313: #end 314: 315: ## DROPDOWN BACKGROUND 316: <img src="$website.include("dropdown-backgrounds$velocityCount?tmpl=random-headlines-template")" class="submenu-background" /> 317: 318: </div> 319: </li> 320: #else 321: <li class="nav nav${velocityCount}"><a href="$entry.targetURL" #if ($website.isExternalLink($entry.targetURL)) target="_blank" #end class="nav-link">$entry.label</a></li> 322: #end 323: #end 324: 325: #if ($wiki.valid())<li>$wiki</li>#end 326: </ul> 327: #if ($entries.size() > 0)<div class="none close">Close</div>#end 328: </nav> 329: 330: <script> 331: (function($) { 332: $(function() { 333: 334: $('#jump-to-${id}').click(function(e) { 335: e.preventDefault(); 336: $(this).toggleClass('active'); 337: $('#${id}').toggleClass('active'); 338: }); 339: 340: $('#${id} .close').click(function(e) { 341: $('#jump-to-${id}').removeClass('active'); 342: $('#${id}').removeClass('active'); 343: return false; 344: }); 345: 346: ## binds a click handler to all the direct children of dropdown navs 347: $('.has-submenu > a', '#${id}').on('click', function() { 348: $(this).parent().toggleClass('active'); 349: return false; 350: }); 351: 352: $(document).on('click', function(e) { 353: $('.has-submenu.active').removeClass('active'); 354: }); 355: 356: }); 357: })(jQuery); 358: </script> 359: 360: #end ## DROPDOWN CHECK 361: 362: #end 363: ## LIVE SITE