From cac99ad356dc7753a4508fdd36c56438900d00ad Mon Sep 17 00:00:00 2001
From: Daniel Siepmann <coding@daniel-siepmann.de>
Date: Fri, 7 Feb 2020 14:04:30 +0100
Subject: [PATCH] Add breadcrumb

---
 .../TypoScript/Setup/Page.typoscript          | 13 ++++++
 Resources/Private/Templates/Page/Full.html    | 43 +++++++++++++++----
 2 files changed, 47 insertions(+), 9 deletions(-)

diff --git a/Configuration/TypoScript/Setup/Page.typoscript b/Configuration/TypoScript/Setup/Page.typoscript
index a5848cb..4805665 100644
--- a/Configuration/TypoScript/Setup/Page.typoscript
+++ b/Configuration/TypoScript/Setup/Page.typoscript
@@ -110,6 +110,19 @@ page {
                 references.fieldName = media
             }
 
+            800 = TYPO3\CMS\Frontend\DataProcessing\MenuProcessor
+            800 {
+                as = rootline
+                special = rootline
+                # First two level are root page and folders for structure
+                special.range = 2|-2
+
+                if {
+                    value = 2
+                    isGreaterThan.data = level
+                }
+            }
+
             1000 = TYPO3\CMS\Frontend\DataProcessing\MenuProcessor
             1000 {
                 as = footerMenu
diff --git a/Resources/Private/Templates/Page/Full.html b/Resources/Private/Templates/Page/Full.html
index 9b41262..e9e7a46 100644
--- a/Resources/Private/Templates/Page/Full.html
+++ b/Resources/Private/Templates/Page/Full.html
@@ -12,18 +12,43 @@
     </f:section>
 
     <f:section name="Aside">
+
+        {f:render(section: 'Breadcrumb', arguments: {
+            breadcrumb: rootline
+        })}
+
+        {f:render(section: 'TableOfContent', arguments: {
+            contentSections: pageSections.0.content
+        })}
+
+    </f:section>
+
+    <f:section name="Breadcrumb">
+        <f:if condition="{breadcrumb}">
+            <nav>
+                <h1>Breadcrumb</h1>
+                <ul>
+                    <f:for each="{breadcrumb}" as="page">
+                        <li>
+                            <a href="{page.link}">{page.title}</a>
+                        </li>
+                    </f:for>
+                </ul>
+            </nav>
+        </f:if>
+    </f:section>
+
+    <f:section name="TableOfContent">
         <nav>
             <h1>Table of Content</h1>
             <ol>
-                <f:alias map="{contentSections: pageSections.0.content}">
-                    <f:for each="{contentSections}" as="contentEntry">
-                        <f:if condition="{contentEntry.data.header}">
-                            <li>
-                                <a href="#c{contentEntry.data.uid}">{contentEntry.data.header}</a>
-                            </li>
-                        </f:if>
-                    </f:for>
-                </f:alias>
+                <f:for each="{contentSections}" as="contentEntry">
+                    <f:if condition="{contentEntry.data.header}">
+                        <li>
+                            <a href="#c{contentEntry.data.uid}">{contentEntry.data.header}</a>
+                        </li>
+                    </f:if>
+                </f:for>
             </ol>
         </nav>
     </f:section>