Add config to hide area/top navigation

This commit is contained in:
Björn Fromme
2020-09-01 11:23:23 +02:00
parent af4c230fa9
commit ae106954be
3 changed files with 32 additions and 23 deletions
@@ -120,6 +120,8 @@ plugin.tx_eptheme {
searchPageHeaderImage = searchPageHeaderImage =
# cat=eptheme/500/160; type=string; label=Rating widget label # cat=eptheme/500/160; type=string; label=Rating widget label
ratingWidgetLabel = Reisebewertung ratingWidgetLabel = Reisebewertung
# cat=eptheme/500/170; type=boolean; label=Hide area/top navigation
hideAreaNavigation = 0
# cat=eptheme/800/100; type=boolean; label=Show 'skipass inklusive' badge # cat=eptheme/800/100; type=boolean; label=Show 'skipass inklusive' badge
showSkipassBadge = 1 showSkipassBadge = 1
@@ -77,6 +77,7 @@ plugin.tx_eptheme {
datePickerPresets < plugin.tx_epproducts.settings.datePickerPresets datePickerPresets < plugin.tx_epproducts.settings.datePickerPresets
searchPageHeaderImage = {$plugin.tx_eptheme.settings.searchPageHeaderImage} searchPageHeaderImage = {$plugin.tx_eptheme.settings.searchPageHeaderImage}
ratingWidgetLabel = {$plugin.tx_eptheme.settings.ratingWidgetLabel} ratingWidgetLabel = {$plugin.tx_eptheme.settings.ratingWidgetLabel}
hideAreaNavigation = {$plugin.tx_eptheme.settings.hideAreaNavigation}
showSkipassBadge = {$plugin.tx_eptheme.settings.showSkipassBadge} showSkipassBadge = {$plugin.tx_eptheme.settings.showSkipassBadge}
forcePartnerIdSelect = {$plugin.tx_eptheme.settings.forcePartnerIdSelect} forcePartnerIdSelect = {$plugin.tx_eptheme.settings.forcePartnerIdSelect}
contactFormToEmail = {$plugin.tx_eptheme.settings.contactFormToEmail} contactFormToEmail = {$plugin.tx_eptheme.settings.contactFormToEmail}
@@ -2,28 +2,34 @@
{namespace ep=EP\EpTheme\ViewHelpers} {namespace ep=EP\EpTheme\ViewHelpers}
<div class="area-nav"> <div class="area-nav">
<div class="area-nav__inner"> <div class="area-nav__inner">
<a class="area-nav__trigger area-nav__link" href="#" @click.prevent="toggleAreaNavigation()"> <f:spaceless>
Bereich wechseln <i class="area-nav__trigger-icon fa fa-lg fa-caret-down"></i> <f:if condition="{settings.hideAreaNavigation}">
</a> <f:else>
<nav role="navigation"> <a class="area-nav__trigger area-nav__link" href="#" @click.prevent="toggleAreaNavigation()">
<ul class="area-nav__list"> Bereich wechseln <i class="area-nav__trigger-icon fa fa-lg fa-caret-down"></i>
<v:menu levels="1" useShortcutUid="1" pageUid="{settings.topNavPid}"> </a>
<f:for each="{menu}" as="menuitem"> <nav role="navigation">
<li class="area-nav__list-item"> <ul class="area-nav__list">
<a class="area-nav__link{f:if(condition: menuitem.active, then: ' active')}{f:if(condition: '{menuitem.uid} == {settings.forceActiveTopnavUid}', then: ' active')}" <v:menu levels="1" useShortcutUid="1" pageUid="{settings.topNavPid}">
href="{menuitem.link}"{f:if(condition: '{menuitem.doktype} == 3', then: ' target="_blank"')} <f:for each="{menu}" as="menuitem">
title="{menuitem.linktext}">{menuitem.title -> ep:topnavItem()}</a> <li class="area-nav__list-item">
</li> <a class="area-nav__link{f:if(condition: menuitem.active, then: ' active')}{f:if(condition: '{menuitem.uid} == {settings.forceActiveTopnavUid}', then: ' active')}"
</f:for> href="{menuitem.link}"{f:if(condition: '{menuitem.doktype} == 3', then: ' target="_blank"')}
</v:menu> title="{menuitem.linktext}">{menuitem.title -> ep:topnavItem()}</a>
<f:if condition="{settings.myEpPageUid}"> </li>
<li class="area-nav__list-item area-nav__list-item--icon"> </f:for>
<f:link.typolink parameter="{settings.myEpPageUid}" class="area-nav__link" title="My E&P"> </v:menu>
<i class="fa fa-user"></i><span class="hidden-md hidden-lg">&nbsp;My E&amp;P</span> <f:if condition="{settings.myEpPageUid}">
</f:link.typolink> <li class="area-nav__list-item area-nav__list-item--icon">
</li> <f:link.typolink parameter="{settings.myEpPageUid}" class="area-nav__link" title="My E&P">
</f:if> <i class="fa fa-user"></i><span class="hidden-md hidden-lg">&nbsp;My E&amp;P</span>
</ul> </f:link.typolink>
</nav> </li>
</f:if>
</ul>
</nav>
</f:else>
</f:if>
</f:spaceless>
</div> </div>
</div> </div>