From 2637489c3880f9fccd021150e58bafc9cb68d7cf Mon Sep 17 00:00:00 2001
From: Nick Nicholas <opoudjis@gmail.com>
Date: Tue, 21 Apr 2020 21:43:11 +1000
Subject: [PATCH] Revert "static ToC, correct header processing;
 https://github.com/metanorma/isodoc/issues/113;
 https://github.com/metanorma/metanorma-iec/issues/32"

This reverts commit d271b37a125c817592a2e834b4494e89af8dca60.
---
 lib/isodoc/iso/html/scripts.html | 26 +++++++++++++++++++++-----
 spec/isodoc/postproc_spec.rb     | 10 +++++-----
 spec/isodoc/table_spec.rb        |  2 +-
 spec/metanorma/processor_spec.rb |  2 +-
 4 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/lib/isodoc/iso/html/scripts.html b/lib/isodoc/iso/html/scripts.html
index 8a722060..d38812cc 100644
--- a/lib/isodoc/iso/html/scripts.html
+++ b/lib/isodoc/iso/html/scripts.html
@@ -1,8 +1,24 @@
-  <script>
-    $("#toc").on('click', 'li', function(e) {
-    $(this).parent().find('li.toc-active').removeClass('toc-active');
-    $(this).addClass('toc-active');
-});
+<script>
+    //TOC generation
+      $('#toc').toc({
+          //'selectors': 'h1,h2:not(.TermNum)', //elements to use as headings
+          '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();
+      }
+      });
   </script>
 
   <script>
diff --git a/spec/isodoc/postproc_spec.rb b/spec/isodoc/postproc_spec.rb
index 8651a1e2..46403188 100644
--- a/spec/isodoc/postproc_spec.rb
+++ b/spec/isodoc/postproc_spec.rb
@@ -285,16 +285,16 @@
            <main xmlns:epub="epub" class="main-section"><button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
              <p class="zzSTDTitle1"></p>
              <div id="A">
-               <h1 id="toc0">1&#xA0; Clause 4</h1>
+               <h1>1&#xA0; Clause 4</h1>
                <a rel="footnote" href="#fn:3" epub:type="footnote" id="fnref:1">
                  <sup>1)</sup>
                </a>
                <div id="N">
 
-                <h2 id="toc1">1.1&#xA0; Introduction to this<a rel="footnote" href="#fn:2" epub:type="footnote" id="fnref:2"><sup>2)</sup></a></h2>
+                <h2>1.1&#xA0; Introduction to this<a rel="footnote" href="#fn:2" epub:type="footnote" id="fnref:2"><sup>2)</sup></a></h2>
               </div>
                <div id="O">
-                <h2 id="toc2">1.2&#xA0; Clause 4.2</h2>
+                <h2>1.2&#xA0; Clause 4.2</h2>
                 <p>A<a rel="footnote" href="#fn:2" epub:type="footnote"><sup>2)</sup></a></p>
               </div>
              </div>
@@ -459,7 +459,7 @@
            <main class="main-section"><button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
              <br />
              <div>
-               <h1 class="ForewordTitle" id="toc0">Foreword</h1>
+               <h1 class="ForewordTitle">Foreword</h1>
                <div id="_" class="figure">
                <img src="test_htmlimages/_.png" height="776" width="922" />
 <img src="test_htmlimages/_.png" height="800" width="53" />
@@ -826,7 +826,7 @@
    sub(%r{</main>.*$}m, "</main>").sub(%r{^.*?<div>}m, "<div>").sub(%r{</div>.*$}m, "</div>")
     expect(xmlpp(html)).to be_equivalent_to xmlpp(<<~"OUTPUT")
       <div>
-    <h1 class='ForewordTitle' id="toc0">Foreword</h1>
+    <h1 class='ForewordTitle'>Foreword</h1>
     <p>
       <a href='#scope'>Clause 1</a>
       <a href='#terms'>Clause 3</a>
diff --git a/spec/isodoc/table_spec.rb b/spec/isodoc/table_spec.rb
index 12fad1dd..d097504e 100644
--- a/spec/isodoc/table_spec.rb
+++ b/spec/isodoc/table_spec.rb
@@ -68,7 +68,7 @@
   <button onclick='topFunction()' id='myBtn' title='Go to top'>Top</button>
   <br/>
   <div>
-    <h1 class='ForewordTitle' id="toc0">Foreword</h1>
+    <h1 class='ForewordTitle'>Foreword</h1>
     <p class='TableTitle' style='text-align:center;'>
       Table 1&#xA0;&#x2014; Repeatability and reproducibility of
       <i>husked</i>
diff --git a/spec/metanorma/processor_spec.rb b/spec/metanorma/processor_spec.rb
index 2d3603d3..04b2e936 100644
--- a/spec/metanorma/processor_spec.rb
+++ b/spec/metanorma/processor_spec.rb
@@ -49,7 +49,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 id="toc0">1&#xA0; Terms and definitions</h1>
+             <div id="H"><h1>1&#xA0; Terms and definitions</h1>
        <h2 class="TermNum" id="J">1.1</h2>
          <p class="Terms" style="text-align:left;">Term2</p>
        </div>