Merge pull request scala#30 from 47deg/sl29-sidebar-toc-generator

Integration of sidebar toc generator script

Author: Javier de Silóniz Sandino

_includes/footer.html

@@ -31,48 +31,20 @@
     <!-- unslider js -->
     <script src="{{ site.baseurl }}/resources/js/vendor/unslider.js" type="text/javascript" ></script>
 
-    {% unless page.layout == 'page-no-toc' %}
-    <!-- table of contents JS
-    <script src="{{ site.baseurl }}/resources/js/vendor/toc.js" type="text/javascript" ></script>
-    <script type="text/javascript">
-      $(document).ready(function(){
-        $('#toc').toc({exclude: 'h1, h5, h6', context: '', autoId: true, numerate: false});
-        function moveScroller() {
-          if ($(".sidebar").length == 0)
-            return;
-          var a = function() {
-            var topOfScroll = $(window).scrollTop();
-            var topOfSidebar = $(".sidebar").offset().top;
-            var sidebarInner = $(".sidebar-inner");
-            var bottomOfSidebarInner = $(".sidebar-inner").offset().top + $(".sidebar-inner").outerHeight();
-            var topOfFooter = $(".footer").offset().top - 10;
-            var footerHeight = $(".footer").outerHeight();
-            if (topOfScroll > topOfSidebar) {
-              if (bottomOfSidebarInner > topOfFooter) {
-                sidebarInner.css({position:"fixed",bottom:footerHeight,top:""});
-              } else {
-                sidebarInner.css({position:"fixed",top:"10px",bottom:""});
-              }
-            } else {
-              sidebarInner.css({position:"relative",top:""});
-            }
-          };
-          $(window).scroll(a);a()
-        }
-        moveScroller();
-      })
-    </script>
-    {% endunless %}
-
     <!-- Highlight -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/scala.min.js" type="text/javascript"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/languages/java.min.js" type="text/javascript"></script>
-    
+
     <!-- CodeMirror -->
     <script src="{{ site.baseurl }}/resources/js/vendor/codemirror/codemirror.js" type="text/javascript"></script>
     <script src="{{ site.baseurl }}/resources/js/vendor/codemirror/clike.js" type="text/javascript"></script>
 
+    <!-- TOC -->
+    {% if page.includeTOC == true %}
+      <script src="/resources/js/vendor/toc.js" type="text/javascript" ></script>
+    {% endif %}    
+
     <!-- Custom javascript -->
     <script src="{{ site.baseurl }}/resources/js/functions.js" type="text/javascript"></script>
   </body>

_includes/sidebar-toc.html

@@ -0,0 +1,3 @@
+<div id="sidebar-toc">
+
+</div>

_layouts/default.html

@@ -28,4 +28,8 @@ <h1 id="page-title">{{ page.title }}</h1>
   </div>
 </div>
 
+{% if page.includeTOC == true %}
+  {% include sidebar-toc.html %}
+{% endif %}
+
 {% include footer.html %}

documentation/index.md

@@ -1,6 +1,7 @@
 ---
 layout: page
 title: Documentation
+includeTOC: true
 ---
 
 <div class="container">

resources/js/functions.js

@@ -174,6 +174,7 @@ $('#scaladex-search').autocomplete({
             window.open(suggestion.data, '_blank');
         }
     }
+
 });
 
 // Scala in the browser
@@ -202,3 +203,9 @@ $(document).ready(function() {
         }, 2000);
     })
 });
+
+// TOC:
+
+$(document).ready(function(){
+  $('#sidebar-toc').toc({exclude: 'h1, h5, h6', context: '', autoId: true, numerate: false});
+})