| <#ftl nsPrefixes={"D":"http://docbook.org/ns/docbook"} stripText = true> |
| <#escape x as x?html> |
| |
| <#import "navigation.ftl" as nav> |
| <#import "google.ftl" as google> |
| |
| |
| <#macro header> |
| <#if logo?? || tabs?? || secondaryTabs??> |
| <div class="header-top-bg"><#t> |
| <div class="site-width header-top"><#t> |
| <#if logo??> |
| <a class="logo" href="${logo.href}" role="banner"><#t> |
| <img src="${logo.src}" alt="${logo.alt}"> |
| </a><#t> |
| </#if> |
| <@nav.tabs /><#t> |
| <#if secondaryTabs??> |
| <@secondaryTabs tabs=secondaryTabs /><#t> |
| </#if> |
| </div><#t> |
| </div><#t> |
| </#if> |
| <#if !simpleNavigationMode> |
| <@navigationHeader /><#t> |
| </#if> |
| </#macro> |
| |
| |
| <#macro navigationHeader> |
| <div class="header-bottom-bg"><#t> |
| <div class="site-width search-row"><#t> |
| <#local book = .node?root.*> |
| <a href="${CreateLinkFromNode(book)}" class="navigationHeader"><#t> |
| <#recurse u.getRequiredTitleElement(book, true) using nodeHandlers><#t> |
| </a><#t> |
| <#-- empty div to maintain layout --> |
| <div class="navigationHeader"></div><#t> |
| <@searchForm /><#t> |
| </div><#t> |
| <div class="site-width breadcrumb-row"><#t> |
| <@nav.breadcrumb /><#t> |
| <@nav.bookmarks /><#t> |
| </div><#t> |
| </div><#t> |
| </#macro> |
| |
| |
| <#macro searchForm> |
| <#if searchKey?? && !offline> |
| <form method="get" class="search-form<#if offline> offline</#if>" action="search-results.html"><#t> |
| <fieldset><#t> |
| <legend class="sr-only">Search form</legend><#t> |
| <label for="search-field" class="sr-only">Search query</label><#t> |
| <input id="search-field" name="q" type="search" class="search-input" placeholder="Search" spellcheck="false" autocorrect="off" autocomplete="off"><#t> |
| <button type="submit" class="search-btn"><span class="sr-only">Search</span></button><#t> |
| </fieldset><#t> |
| </form><#t> |
| </#if> |
| </#macro> |
| |
| |
| <#macro secondaryTabs tabs> |
| <#local secondaryTabs = .dataModel.secondaryTabs> |
| <ul class="secondary-tabs"><#t> |
| <#list secondaryTabs?keys as tabTitle> |
| <#local tab = secondaryTabs[tabTitle]> |
| <li><#t> |
| <#if tab.href??> |
| <a class="tab<#if tab.class??> ${tab.class}</#if>" href="${tab.href}" title="${tabTitle}"><#t> |
| <span>${tabTitle}</span><#t> |
| </a><#t> |
| <#else> |
| <div class="tab<#if tab.class??> ${tab.class}</#if>" title="${tabTitle}"><#t> |
| <span>${tabTitle}</span><#t> |
| </div><#t> |
| </#if> |
| </li><#t> |
| </#list> |
| </ul><#t> |
| </#macro> |
| |
| </#escape> |