number and nav on in-this-chapter elements too

Author: bcgwebdesign

themes/doi-theme/assets/sass/partials/_handbook.scss

@@ -52,6 +52,12 @@
     &.alpha {
       list-style-type:lower-alpha;
     }
+    &.chapter-list {
+    list-style-type:none;
+    li {
+      cursor:pointer;
+    }
+  }
   }
 
   .prevnextnav {

themes/doi-theme/static/data/handbook-html.xslt

@@ -139,9 +139,16 @@
             <xsl:if test="$sectiontitle!='Preface'">      
               <div>
                 <h4>In this chapter</h4>
-                <ul>
+                <ul class='chapter-list'>
                 <xsl:for-each select="section">
                   <li>
+                      <xsl:attribute name="internal-destination">
+                        <xsl:value-of select="@id"/>
+                      </xsl:attribute>
+                      <xsl:if test="@id != 'preface' and @id != 'sec-glossary'">
+                        <xsl:value-of select="substring-after(@id,'sec')"/>
+                        <xsl:text>&#xA0;</xsl:text>
+                      </xsl:if>
                       <xsl:value-of select="title"/>
                   </li>  
                 </xsl:for-each>

themes/doi-theme/static/js/script.js

@@ -147,10 +147,13 @@ $(function() {
 
 
   // and this one for the left sub navs.
-  $('#handbook-holder').on('click', '.tabs-nav nav.sub-nav > a',function(e) {
+  $('#handbook-holder').on('click', '.tabs-nav nav.sub-nav > a, ul.chapter-list li',function(e) {
     fixFootnotes();
     const nav_elements = $('.tabs-nav nav.sub-nav > a');
     var id=$(this).closest('nav').attr('internal-destination');
+    if (!id) {
+      id = $(this).attr('internal-destination');
+    }
     console.log("sub nav ID = " + id);
 
     // hide everything else