From 5bcb373c00a500cd8120df41bc0788172fe7e347 Mon Sep 17 00:00:00 2001
From: Andrew Manning <andrew@reticu.li>
Date: Sun, 27 Nov 2016 21:25:38 -0700
Subject: Use the jquery.toc.js library to auto-generate a table of contents
 for the loaded page under the side nav menu

---
 doc/member/member_guide.html |  2 +-
 doc/toc.html                 | 57 +++++++++++++++++++++++++-------------------
 view/tpl/help.tpl            |  2 +-
 3 files changed, 35 insertions(+), 26 deletions(-)

diff --git a/doc/member/member_guide.html b/doc/member/member_guide.html
index 9d9e98937..97c5c9be2 100644
--- a/doc/member/member_guide.html
+++ b/doc/member/member_guide.html
@@ -472,4 +472,4 @@ href="[baseurl]/removeaccount">[baseurl]/removeaccount
 the account you are currently logged into will be removed. <br><br>This is
 irreversible.<br><br>All your channels will be deleted. If you have identity
 clones on other hubs this only removes by default the channels instances which
-exists on this hub.
\ No newline at end of file
+exists on this hub.
diff --git a/doc/toc.html b/doc/toc.html
index 67e5a0a0a..da67ff88b 100644
--- a/doc/toc.html
+++ b/doc/toc.html
@@ -93,29 +93,38 @@
     </div>
 </div>
 
+<div id="page-toc-container" style="margin-top:1.0em;">
+    <h3>Contents</h3>
+</div>
+
 <script>
-//    $(document).ready(function() {
-        // Determine the content section from the URL and expand the appropriate menu section
-        var url = document.createElement('a');
-        url.href = window.location;
-        switch (url.pathname.split('/')[2]) {
-            case 'tutorials':
-                $('#tutorials').addClass('in');
-                break;
-            case 'about':
-                $('#about').addClass('in');
-                break;
-            case 'admin':
-                $('#administrators').addClass('in');
-                break;
-            case 'member':
-                $('#members').addClass('in');
-                break;
-            case 'developer':
-                $('#developers').addClass('in');
-                break;
-            default:
-                break;
-        }        
-//    }
+
+    // Determine the content section from the URL and expand the appropriate menu section
+    var url = document.createElement('a');
+    url.href = window.location;
+    switch (url.pathname.split('/')[2]) {
+        case 'tutorials':
+            $('#tutorials').addClass('in');
+            break;
+        case 'about':
+            $('#about').addClass('in');
+            break;
+        case 'admin':
+            $('#administrators').addClass('in');
+            break;
+        case 'member':
+            $('#members').addClass('in');
+            break;
+        case 'developer':
+            $('#developers').addClass('in');
+            break;
+        default:
+            break;
+    }        
+    $(document).ready(function () {
+        var tocUl = $('#page-toc-container').append('<ul>').find('ul');
+        tocUl.removeClass();
+        tocUl.toc({content: "#doco-content", headings: "h1,h2,h3,h4"});
+    });
+
 </script>
\ No newline at end of file
diff --git a/view/tpl/help.tpl b/view/tpl/help.tpl
index 22180bda6..484fd67c9 100644
--- a/view/tpl/help.tpl
+++ b/view/tpl/help.tpl
@@ -2,7 +2,7 @@
 	<div class="section-title-wrapper">
 	<h2>{{$title}}</h2>
 	</div>
-	<div class="section-content-wrapper">
+	<div class="section-content-wrapper" id="doco-content">
 	{{$content}}
 	</div>
 </div>
-- 
cgit v1.2.3