Rework docs sidebar to have some nesting.

Signed-off-by: Matt Moyer <moyerm@vmware.com>

site/config.yaml

@@ -22,17 +22,3 @@ markup:
     noClasses: false
     style: monokailight
     tabWidth: 4
-menu:
-  docs:
-  - name: Overview
-    url: /docs/
-    weight: 100
-  - name: Install
-    url: /docs/install/
-    weight: 110
-  - name: Architecture
-    url: /docs/architecture/
-  - name: Demo
-    url: /docs/demo/
-  - name: Scope
-    url: /docs/scope/

site/content/docs/_index.md

@@ -2,6 +2,10 @@
 title: "Pinniped Documentation"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Overview
+    weight: 1
 ---
 
 ![Pinniped Logo](/docs/img/pinniped_logo.svg)

site/content/docs/architecture.md

@@ -2,6 +2,10 @@
 title: "Pinniped Architecture"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Architecture
+    weight: 100
 ---
 
 # Architecture

site/content/docs/concierge-and-supervisor-demo.md

@@ -2,6 +2,10 @@
 title: "Pinniped Concierge and Supervisor Demo"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Concierge with Supervisor
+    parent: demo
 ---
 
 # Trying Pinniped Supervisor and Concierge

site/content/docs/concierge-only-demo.md

@@ -2,6 +2,11 @@
 title: "Pinniped Concierge Only Demo"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Concierge with Webhook
+    parent: demo
+    weight: 100
 ---
 
 # Trying Pinniped Concierge

site/content/docs/demo.md

@@ -2,6 +2,11 @@
 title: "Pinniped Demo"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Demo
+    identifier: demo
+    weight: 40
 ---
 
 # Trying Pinniped

site/content/docs/install.md

@@ -2,6 +2,10 @@
 title: "Installing Pinniped"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Install
+    weight: 10
 ---
 
 # Installing Pinniped

site/content/docs/scope.md

@@ -2,6 +2,10 @@
 title: "Pinniped Scope"
 cascade:
   layout: docs
+menu:
+  docs:
+    name: Scope
+    weight: 200
 ---
 
 

site/themes/pinniped/assets/scss/_components.scss

@@ -411,6 +411,11 @@
         ul {
             padding-left: 0px;
             margin-bottom: 35px;
+            ul {
+                padding-left: 15px;
+                margin-top: 10px;
+                margin-bottom: 15px;
+            }
             li {
                 display: list-item;
                 margin-bottom: 15px;

site/themes/pinniped/layouts/partials/docs-sidebar.html

@@ -1,8 +1,17 @@
 <div class="side-nav">
     <ul>
-        {{ $currentPage := . }}
-        {{ range .Site.Menus.docs }}
-            <li><a href="{{ .URL }}" {{ if (eq $currentPage.RelPermalink .URL)  }}class="active"{{ end }}>{{ .Name }}</a></li>
-        {{ end }}
+        {{- $currentPage := . }}
+        {{- range .Site.Menus.docs }}
+                <li>
+                    <a href="{{ .URL }}" class="{{ cond ($currentPage.IsMenuCurrent "docs" .) "active" "" }}">{{ .Name }}</a>
+                    {{- if .HasChildren }}
+                    <ul class="sub-menu">
+                        {{- range .Children }}
+                            <li><a href="{{ .URL }}"{{ if $currentPage.IsMenuCurrent "docs" . }} class="active"{{ end }} >{{ .Name }}</a></li>
+                        {{- end }}
+                    </ul>
+                    {{- end }}
+                </li>
+        {{- end }}
     </ul>
 </div>