HeaderMenu.Scala

@import common.{ LinkTo, Edition } @import conf.switches.Switches.SearchSwitch @import navigation.{ NavMenu, NavLink, UrlHelpers } @import views.support.RenderClasses @(navMenu: NavMenu)(implicit request: RequestHeader) @sectionList(pillar: NavLink, edition: Edition) = {

• @pillar.title @pillar.children.map { sectionItem => - (sectionItem.iconName.contains("home")) ), "menu-item")" role="none"> @if(sectionItem.iconName.nonEmpty) { @fragments.inlineSvg(sectionItem.iconName.getOrElse(""), "icon", List("menu-item__icon")) } @{ if(sectionItem.longTitle.isEmpty) sectionItem.title else sectionItem.longTitle } } } @brandExtensions(item: NavLink) = { - @{item.title} }@defining(Edition(request)) { edition =>

@navMenu.pillars.map { pillar => @sectionList(pillar, edition) } @if(SearchSwitch.isSwitchedOn) { @* TODO: clean up search menu desktop styling *@ @fragments.inlineSvg("search-36", "icon", List("main-menu__icon", "main-menu__icon--search")) What term do you want to search? @* Button that shows itself on form focus *@ Search with google @* Google sitesearch fields *@ } @UrlHelpers.readerRevenueLinks.map { item => - @item.title }

@fragments.nav.editionPicker()

@navMenu.brandExtensions.map { item => - @item.title } @navMenu.otherLinks.map { item => - (item.title == "The Guardian app"), "menu-item--no-border" -> (item.title == "Video") ), "menu-item")" role="none"> @item.title } - @fragments.inlineSvg("share-facebook", "icon", List("menu-item__icon"), isPresentation = true) Facebook

• @fragments.inlineSvg("share-twitter", "icon", List("menu-item__icon"), isPresentation = true) Twitter

@navMenu.brandExtensions.map { item => @brandExtensions(item) }

}