From ed2f6b2bc45d60d98bae82ec99ed8274efb471f6 Mon Sep 17 00:00:00 2001
From: Daniel Siepmann <coding@daniel-siepmann.de>
Date: Wed, 5 Jan 2022 09:37:36 +0100
Subject: [PATCH] Streamline full page sidebar with blog post sidebar

Add the table of content in same way with proper linking to sections
(content elements) and summary feature.
---
 Resources/Private/Templates/Page/Full.html | 24 +++++++++++++---------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/Resources/Private/Templates/Page/Full.html b/Resources/Private/Templates/Page/Full.html
index e536061..b74000f 100644
--- a/Resources/Private/Templates/Page/Full.html
+++ b/Resources/Private/Templates/Page/Full.html
@@ -40,16 +40,20 @@
 
     <f:section name="TableOfContent">
         <nav>
-            <h1>Table of Content</h1>
-            <ol>
-                <f:for each="{pageContent}" 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>
+            <details open>
+                <summary>
+                    <h2>Table of Content</h2>
+                </summary>
+                <ol>
+                    <f:for each="{pageContent}" as="contentEntry">
+                        <f:if condition="{contentEntry.data.header}">
+                            <li>
+                                <a href="#{contentEntry.data.header -> f:format.id()}">{contentEntry.data.header}</a>
+                            </li>
+                        </f:if>
+                    </f:for>
+                </ol>
+            </details>
         </nav>
     </f:section>
 </html>