static ToC, correct header processing; metanorma/isodoc#113; metanorm…

…a/metanorma-iec#32
metanorma · Apr 21, 2020 · bceced3 · bceced3
1 parent aa0b609
commit bceced3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 23 deletions.
diff --git a/lib/isodoc/csd/html/scripts.html b/lib/isodoc/csd/html/scripts.html
@@ -1,27 +1,11 @@
   <script>
-    //TOC generation
-      $('#toc').toc({
-          'selectors': toclevel(), //elements to use as headings
-          'container': 'main', //element to find all selectors in
-          'smoothScrolling': true, //enable or disable smooth scrolling on click
-          'prefix': 'toc', //prefix for anchor tags and class names
-          'onHighlight': function(el) {}, //called when a new section is highlighted 
-          'highlightOnScroll': true, //add class to heading that is currently in focus
-          'highlightOffset': 100, //offset to trigger the next headline
-          'anchorName': function(i, heading, prefix) { //custom function for anchor name
-              return prefix+i;
-          },
-          'headerText': function(i, heading, $heading) { //custom function building the header-item text
-              return $heading.text();
-          },
-      'itemClass': function(i, heading, $heading, prefix) { // custom function for item class
-        return $heading[0].tagName.toLowerCase();
-      }
-      });
-
+    $("#toc").on('click', 'li', function(e) {
+    $(this).parent().find('li.toc-active').removeClass('toc-active');
+    $(this).addClass('toc-active');
+});
   </script>
-
-<script>
+  
+  <script>
   //TOC toggle animation
 $('#toggle').on('click', function(){
     if( $('nav').is(':visible') ) {

diff --git a/spec/metanorma/processor_spec.rb b/spec/metanorma/processor_spec.rb
@@ -48,7 +48,7 @@
     expect(xmlpp(File.read("test.html", encoding: "utf-8").gsub(%r{^.*<main}m, "<main").gsub(%r{</main>.*}m, "</main>"))).to be_equivalent_to xmlpp(<<~"OUTPUT")
            <main class="main-section"><button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
              <p class="zzSTDTitle1"></p>
-             <div id="H"><h1>1.&#xA0; Terms and definitions</h1>
+             <div id="H"><h1 id="toc0">1.&#xA0; Terms and definitions</h1>
        <h2 class="TermNum" id="J">1.1.&#xA0;<p class="Terms" style="text-align:left;">Term2</p></h2>
 
        </div>