[FEATURE] Add navigation

TYPO3incubator · Apr 7, 2024 · 0393900 · 0393900
1 parent cde670f
commit 0393900
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 0 deletions.
diff --git a/config/sites/restaurant/config.yaml b/config/sites/restaurant/config.yaml
@@ -14,5 +14,17 @@ languages:
     locale: en_US.UTF-8
     navigationTitle: English
     flag: us
+  -
+    title: Deutsch
+    enabled: true
+    locale: de_DE
+    hreflang: de-DE
+    base: /de
+    websiteTitle: Restaurant
+    navigationTitle: ''
+    fallbackType: strict
+    fallbacks: ''
+    flag: de
+    languageId: 1
 rootPageId: 1
 websiteTitle: ''
diff --git a/local_packages/restaurant/Configuration/Sets/Restaurant/TypoScript/Page/Page.typoscript b/local_packages/restaurant/Configuration/Sets/Restaurant/TypoScript/Page/Page.typoscript
@@ -6,5 +6,11 @@ page.10 {
     dataProcessing {
         10 = menu
         10.as = mainNavigation
+
+        20 = TYPO3\CMS\Frontend\DataProcessing\LanguageMenuProcessor
+        20 {
+            languages = auto
+            as = languageNavigation
+        }
     }
 }
diff --git a/local_packages/restaurant/Resources/Private/Templates/Pages/Home.html b/local_packages/restaurant/Resources/Private/Templates/Pages/Home.html
@@ -1,6 +1,7 @@
 <f:layout name="Default" />
 <f:section name="Header">
     <f:render partial="MainNavigation" arguments="{mainNavigation: mainNavigation}" />
+    <f:render partial="LanguageNavigation" arguments="{languageNavigation: languageNavigation}" />
 </f:section>
 <f:section name="Content">
 </f:section>

diff --git a/local_packages/restaurant/Resources/Private/Templates/Partials/LanguageNavigation.html b/local_packages/restaurant/Resources/Private/Templates/Partials/LanguageNavigation.html
@@ -0,0 +1,16 @@
+<ul id="language_menu" class="language-menu">
+    <f:for each="{languageNavigation}" as="item">
+        <li class="{f:if(condition: item.active, then: 'active')} {f:if(condition: item.available, else: 'text-muted')}">
+            <f:if condition="{item.available}">
+                <f:then>
+                    <a href="{item.link}" hreflang="{item.hreflang}" title="{item.title}">
+                        <span>{item.navigationTitle}</span>
+                    </a>
+                </f:then>
+                <f:else>
+                    <span>{item.navigationTitle}</span>
+                </f:else>
+            </f:if>
+        </li>
+    </f:for>
+</ul>