49 lines
3.3 KiB
HTML
49 lines
3.3 KiB
HTML
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
|
|
{f:variable(name: 'hasChildrenClasses', value: ' has-dropdown')}
|
|
|
|
<f:if condition="{isMobile}">
|
|
{f:variable(name: 'listClasses', value: ' off-canvas-list menu vertical accordion-menu')}
|
|
{f:variable(name: 'listAttributes', value: ' data-accordion-menu data-submenu-toggle="true"')}
|
|
{f:variable(name: 'hasChildrenClasses', value: ' has-submenu')}
|
|
</f:if>
|
|
|
|
<f:if condition="{navigationMain}">
|
|
<ul role="menubar" class="menu lvl1{listClasses}"{listAttributes}>
|
|
<f:if condition="{settings.navigation.navigationMain.showLinkToHome}">
|
|
<li class="menu-item first{f:if(condition: '{data.uid} == {rootPage}', then:' active')}">
|
|
<f:link.page pageUid="{rootPage}" id="menu-link-{rootPage}" class="menu-link" title="{f:translate(key: 'page.navigation.main.home', extensionName: 'site_package_base')}">{f:translate(key: 'page.navigation.main.home', extensionName: 'site_package_base')}</f:link.page>
|
|
</li>
|
|
</f:if>
|
|
<f:for each="{navigationMain}" as="item" iteration="iteratorLvl1">
|
|
<li class="menu-item{f:if(condition: iteratorLvl1.isLast, then: ' last')}{f:if(condition: item.active, then:' active')}{f:if(condition: item.children, then:' {hasChildrenClasses}')}">
|
|
<f:render section="linkItem" arguments="{linkItem: item}"/>
|
|
<f:if condition="{item.children}">
|
|
<ul class="lvl2 dropdown" aria-labelledby="menu-item-{item.data.uid}">
|
|
<f:for each="{item.children}" as="child" iteration="iteratorLvl2">
|
|
<li class="menu-item{f:if(condition: iteratorLvl2.isFirst, then: ' first')}{f:if(condition: iteratorLvl2.isLast, then: ' last')}{f:if(condition: child.active, then:' active')}">
|
|
<f:render section="linkItem" arguments="{linkItem: child}"/>
|
|
<f:if condition="{child.children}">
|
|
<ul class="lvl3 dropdown" aria-labelledby="menu-item-{child.data.uid}">
|
|
<f:for each="{child.children}" as="grandchild" iteration="iteratorLvl3">
|
|
<li class="menu-item{f:if(condition: iteratorLvl3.isFirst, then: ' first')}{f:if(condition: iteratorLvl3.isLast, then: ' last')}{f:if(condition: grandchild.active, then:' active')}">
|
|
<f:render section="linkItem" arguments="{linkItem: grandchild}"/>
|
|
</li>
|
|
</f:for>
|
|
</ul>
|
|
</f:if>
|
|
</li>
|
|
</f:for>
|
|
</ul>
|
|
</f:if>
|
|
</li>
|
|
</f:for>
|
|
</ul>
|
|
</f:if>
|
|
|
|
<f:section name="linkItem">
|
|
<a role="menuitem" id="menu-link-{linkItem.data.uid}" class="menu-link" title="{linkItem.title}" href="{linkItem.link}"{f:if(condition: linkItem.target, then: ' target="{linkItem.target}"')}{f:if(condition: linkItem.children, then:' aria-haspopup="true" aria-expanded="false"')}>
|
|
{linkItem.title}<f:if condition="{linkItem.current}"> <span class="show-for-sr">(current)</span></f:if>
|
|
</a>
|
|
</f:section>
|
|
</html>
|