EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: optional additional link to main site in topnav

Browse Source
This commit is contained in:
Björn Fromme
2025-01-06 17:59:33 +01:00
parent 6536ac5114
commit 9374b97fe3
4 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Configuration/TypoScript/constants.typoscript
+2
View File
@@ -22,6 +22,8 @@ plugin.tx_eptheme {
footerNavPid = footerNavPid =
# cat=eptheme/200/130; type=string; label=Default homepage UID # cat=eptheme/200/130; type=string; label=Default homepage UID
defaultHomeUid = defaultHomeUid =
# cat=eptheme/200/131; type=string; label=Main site PID
mainSitePid =
# cat=eptheme/200/135; type=string; label=Link to apply to logo (overrides defaultHomeUid) # cat=eptheme/200/135; type=string; label=Link to apply to logo (overrides defaultHomeUid)
logoLink = logoLink =
# cat=eptheme/200/140; type=string; label=Default page UID for ajax requests # cat=eptheme/200/140; type=string; label=Default page UID for ajax requests
public/typo3conf/ext/ep_theme/Configuration/TypoScript/setup.typoscript
+1
View File
@@ -30,6 +30,7 @@ plugin.tx_eptheme {
teaserTextMaxChars = {$plugin.tx_eptheme.settings.teaserTextMaxChars} teaserTextMaxChars = {$plugin.tx_eptheme.settings.teaserTextMaxChars}
faqPageUid = {$plugin.tx_eptheme.settings.faqPageUid} faqPageUid = {$plugin.tx_eptheme.settings.faqPageUid}
defaultHomeUid = {$plugin.tx_eptheme.settings.defaultHomeUid} defaultHomeUid = {$plugin.tx_eptheme.settings.defaultHomeUid}
mainSitePid = {$plugin.tx_eptheme.settings.mainSitePid}
logoLink = {$plugin.tx_eptheme.settings.logoLink} logoLink = {$plugin.tx_eptheme.settings.logoLink}
defaultAjaxUid = {$plugin.tx_eptheme.settings.defaultAjaxUid} defaultAjaxUid = {$plugin.tx_eptheme.settings.defaultAjaxUid}
defaultContactFormPageUid = {$plugin.tx_eptheme.settings.defaultContactFormPageUid} defaultContactFormPageUid = {$plugin.tx_eptheme.settings.defaultContactFormPageUid}
public/typo3conf/ext/ep_theme/Resources/Private/Assets/scss/components/_topnav.scss
+2 -2
View File
@@ -3,10 +3,10 @@
} }
.topnav__nav { .topnav__nav {
@apply flex justify-between m-0 p-0 w-full; @apply flex items-center justify-between m-0 p-0 w-full divide-x divide-white/50 border-l border-r border-white/50;
} }
.topnav__item { .topnav__item {
@apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary border-l border-r border-white/50; @apply flex items-center justify-center w-16 h-8 text-white hover:text-white focus:text-white hover:bg-ep-secondary;
@apply ser:hover:bg-ser-secondary; @apply ser:hover:bg-ser-secondary;
} }
public/typo3conf/ext/ep_theme/Resources/Private/Partials/Topnav.html
+13 -2
View File
@@ -8,11 +8,22 @@
<div class="topnav"> <div class="topnav">
<div class="container"> <div class="container">
<nav role="navigation" class="topnav__nav"> <nav role="navigation" class="topnav__nav">
<div class="flex items-center divide-x divide-white/50">
<f:if condition="{settings.mainSitePid}">
<f:link.typolink parameter="{settings.mainSitePid}"
class="topnav__item"
title="{settings.defaultTitle}">
<f:image src="EXT:ep_theme/Resources/Public/images/logo.svg"
class="h-5 w-auto"
alt="{settings.defaultTitle}"/>
</f:link.typolink>
</f:if>
<f:link.typolink parameter="{settings.defaultHomeUid}" class="topnav__item" title="E&amp;P"> <f:link.typolink parameter="{settings.defaultHomeUid}" class="topnav__item" title="E&amp;P">
{ep:icon(icon: 'home', class: 'w-5 h-5')} {ep:icon(icon: 'home', class: 'w-5 h-5')}
</f:link.typolink> </f:link.typolink>
<f:if condition="{settings.topNavPid}"> </div>
<div class="flex-1 flex items-center divide-x divide-white/50"> <div class="flex-1 flex items-center divide-x divide-white/50">
<f:if condition="{settings.topNavPid}">
<f:for each="{topnav}" as="menuitem"> <f:for each="{topnav}" as="menuitem">
<a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}" <a class="topnav__item flex-grow{f:if(condition: menuitem.data.tx_eptheme_navitemclass, then: ' {menuitem.data.tx_eptheme_navitemclass}')}{f:if(condition: '{menuitem.active} or {menuitem.data.uid} == {settings.forceActiveTopnavUid}', then: ' bg-ep-secondary')}"
href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')} href="{menuitem.link}"{f:if(condition: '{menuitem.data.doktype} == 3', then: ' target="_blank"')}
@@ -20,8 +31,8 @@
{menuitem.title} {menuitem.title}
</a> </a>
</f:for> </f:for>
</div>
</f:if> </f:if>
</div>
<f:if condition="{settings.myEpPageUid}"> <f:if condition="{settings.myEpPageUid}">
<f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&P"> <f:link.typolink parameter="{settings.myEpPageUid}" class="topnav__item" title="My E&P">
{ep:icon(icon: 'user', class: 'w-5 h-5')} {ep:icon(icon: 'user', class: 'w-5 h-5')}