blob: 315958c3231a7133eb1f727cb956cf04f5ae0c60 [file] [log] [blame]
<#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>