From b64e83a44ef54d2aee8424d147c876cdaeb3f3a4 Mon Sep 17 00:00:00 2001
From: Scott Anderson <sanderson@users.noreply.github.com>
Date: Mon, 14 Jul 2025 16:29:20 -0600
Subject: [PATCH] feat(html): recursive left nav (#6220)

* feat(html): resursive lef nav

* Update layouts/partials/sidebar/nested-menu.html

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* add depth to left nav template to assign category or item class

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 layouts/partials/sidebar/nested-menu.html | 86 +++++------------------
 1 file changed, 17 insertions(+), 69 deletions(-)

diff --git a/layouts/partials/sidebar/nested-menu.html b/layouts/partials/sidebar/nested-menu.html
index 0083b2a3e..67cf9a1e0 100644
--- a/layouts/partials/sidebar/nested-menu.html
+++ b/layouts/partials/sidebar/nested-menu.html
@@ -1,74 +1,22 @@
 {{ $page := .page }}
 {{ $menu := .menu }}
 
-{{ range $menu }}
-  <li class="nav-category {{ if eq $page.RelPermalink .URL }}active{{end}}">
-    {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-    <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-    {{ if .HasChildren }}
-      <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-      {{ range .Children }}
-        <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-          {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-          <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-          {{ if .HasChildren }}
-            <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-            {{ range .Children }}
-              <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-                {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-                <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-                {{ if .HasChildren }}
-                  <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-                  {{ range .Children }}
-                    <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-                      {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-                      <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-                      {{ if .HasChildren }}
-                        <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-                        {{ range .Children }}
-                          <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-                            {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-                            <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-                            {{ if .HasChildren }}
-                              <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-                              {{ range .Children }}
-                                <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-                                  {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-                                  <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-
-                                  <!-- Begin nested block -->
-                                  {{ if .HasChildren }}
-                                    <ul class="children {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}">
-                                    {{ range .Children }}
-                                      <li class="nav-item {{ if eq $page.RelPermalink .URL }}active{{end}}">
-                                        {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($page.IsMenuCurrent .Menu .) ($page.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
-                                        <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
-                                        <!-- To add more nested layers, copy the nested block and paste it here -->
-                                      </li>
-                                    {{ end }}
-                                    </ul>
-                                  {{ end }}
-                                  <!-- End nested block -->
-
-                                </li>
-                              {{ end }}
-                              </ul>
-                            {{ end }}
-                          </li>
-                        {{ end }}
-                        </ul>
-                      {{ end }}
-                    </li>
-                  {{ end }}
-                  </ul>
-                {{ end }}
-              </li>
-            {{ end }}
-            </ul>
-          {{ end }}
-        </li>
+{{ define "recursiveMenu" }}
+  {{ $menuContext := .menu }}
+  {{ $currentPage := .currentPage }}
+  {{ $depth := add .depth 1 }}
+  {{ $navClass := cond (gt $depth 1) "item" "category" }}
+  {{ range $menuContext }}
+    <li class="nav-{{ $navClass }} {{ if eq $currentPage.RelPermalink .URL }}active{{end}}">
+      {{ if .HasChildren }}<a href="#" class="children-toggle {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
+      <a href='{{ default .URL .Params.url }}'>{{ .Name }}</a>
+      {{ if .HasChildren }}
+        <ul class="children {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
+        {{ template "recursiveMenu" (dict "menu" .Children "currentPage" $currentPage "depth" $depth) }}
+        </ul>
       {{ end }}
-      </ul>
-    {{ end }}
-  </li>
+    </li>
+  {{ end }}
 {{ end }}
+
+{{ template "recursiveMenu" (dict "menu" .menu "currentPage" .page "depth" 0) }}