feat: added JS to automatically open sidebar v2 to current page

Author: lamATnginx

assets/js/sidebar-v2.js

@@ -0,0 +1,17 @@
+document.addEventListener("DOMContentLoaded", function() {
+    function expandToCurrentPage() {
+        var currentPage = document.getElementById("current-page");
+        if (currentPage) {
+            var parentLabel = currentPage.closest("li");
+            while (parentLabel) {
+                var checkbox = parentLabel.querySelector(".toggle-checkbox");
+                if (checkbox) {
+                    checkbox.checked = true;
+                }
+                parentLabel = parentLabel.closest("ul").closest("li");
+            }
+        }
+    }
+
+    expandToCurrentPage();
+})

layouts/partials/scripts.html

@@ -68,3 +68,7 @@
 <!-- Load Product Selector javascript -->
 {{ $jsProductSelector := resources.Get "js/product-selector.js" | minify | fingerprint "sha512" }}
 <script src="{{ $jsProductSelector.RelPermalink }}" type="text/javascript" integrity="{{ $jsProductSelector.Data.Integrity }}"></script>
+
+<!-- Load Sidebar v2 javascript -->
+{{ $jsSidebarV2 := resources.Get "js/sidebar-v2.js" | minify | fingerprint "sha512" }}
+<script src="{{ $jsSidebarV2.RelPermalink }}" type="text/javascript" integrity="{{ $jsSidebarV2.Data.Integrity }}"></script>

layouts/partials/sidebar-list-pages.html

@@ -15,7 +15,7 @@
             {{ partial "sidebar-list-pages.html" (dict "context" . "currentUrl" $currentUrl) }}
         {{ else if eq .Kind "page" }}
             {{ if eq $currentUrl .Permalink }}                      
-                <span class="box current partial"></span>                 
+                <span class="box current partial" id="current-page"></span>                 
             {{ else }}                     
                 <span class="box-link partial"></span>              
             {{ end }}

layouts/partials/sidebar-v2.html

@@ -37,7 +37,7 @@
             <ul>
             {{ range $products }}
                 <li>
-                    <a href="{{ .url }}" target="_blank">{{ .title }}</a>
+                    <a href="{{ .url }}">{{ .title }}</a>
                 </li>
             {{ end }}
             </ul>