Fix doc links & added noJS support for the doc

1 files changed, 34 insertions, 0 deletions

diff --git a/templates/partials/doc/global_toc.html b/templates/partials/doc/global_toc.html
new file mode 100644
index 0000000..ebad287
--- /dev/null
+++ b/templates/partials/doc/global_toc.html
@@ -0,0 +1,34 @@
+<aside id="global_toc" class="col-span-1 h-max bg-gray-100 shadow-inner border-r border-t border-gray-200">
+    {% if section.subsections %}
+        <ul class="space-y-2 py-0.5 px-6 py-3 list-none">
+        {% for subsec in section.subsections %}
+        {% set h1 = get_section(path=subsec) %}
+            <li class="relative">
+                <a 
+                    href="{{ h1.permalink | safe }}"
+                    class="bg-white border border-garage-orange block p-1 rounded-r rounded-tl font-semibold text-gray-800">
+                    {{ h1.title }}
+                </a>
+                {% if h1.pages %}
+                    <input type="checkbox" id="btn-{{ h1.title | slugify }}" class="deploySubMenu"/>
+                    <label for="btn-{{ h1.title | slugify }}" class="absolute top-0 right-0.5 bg-garage-orange bg-opacity-10 border-l border-garage-orange border-opacity-20 cursor-pointer inline-block px-3 py-1" style="margin-top:0.08rem;">
+                        <svg class="arrow w-6 h-6 text-garage-gray group-hover:text-garage-orange transform rotate-90" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg>
+                    </label>
+                    <ul class="subMenu border-l border-garage-orange space-y-0.5">
+                        {% for h2 in h1.pages %}
+                            <li>
+                                <a 
+                                    href="{{ h2.permalink | safe }}"
+                                    class="docPage block pl-2 py-1 border-l-4 rounded-r border-opacity-0 hover:bg-garage-orange hover:bg-opacity-20
+                                    {% if current_path == h2.path %} activePage text-garage-orange font-semibold border-opacity-100 border-garage-orange {% endif %}">
+                                    {{ h2.title }}
+                                </a>
+                            </li>
+                        {% endfor %}
+                    </ul>
+                {% endif %}
+            </li>
+        {% endfor %}
+        </ul>
+    {% endif %}
+</aside>
\ No newline at end of file