feat: proper handle child tutorials

publish.js

@@ -345,7 +345,22 @@ function buildMemberNav(items, itemHeading, itemsSeen, linktoFn) {
           } else {
             displayName = item.name
           }
-          itemsNav += '<li>' + linktoFn(item.longname, displayName.replace(/\b(module|event):/g, '')) + '</li>'
+          itemsNav += '<li>' + linktoFn(item.longname, displayName.replace(/\b(module|event):/g, ''))
+
+          if (item.children && item.children.length) {
+            itemsNav += '<ul>'
+            item.children.forEach(child => {
+              if (env.conf.templates.default.useLongnameInNav) {
+                displayName = child.longname
+              } else {
+                displayName = child.name
+              }
+              itemsNav += '<li>' + linktoFn(child.longname, displayName.replace(/\b(module|event):/g, '')) + '</li>'
+            })
+            itemsNav += '</ul>'
+          }
+
+          itemsNav += '</li>'
 
           itemsSeen[item.longname] = true
         }
@@ -695,7 +710,9 @@ exports.publish = function(taffyData, opts, tutorials) {
 
   // once for all
   view.nav = buildNav(members, null, conf.betterDocs)
+
   view.tutorialsNav = buildNav(members, ['tutorials'], conf.betterDocs)
+
   bundler(members.components, outdir, conf)
   attachModuleSymbols( find({ longname: {left: 'module:'} }), members.modules )
 

styles/components/sidebar.sass

@@ -20,6 +20,8 @@
     padding: 0 0 rem(4px) rem(16px)
     li
       padding: rem(3px) 0
+  li > ul
+    padding: 0 0 0px 25px
 
   .category
     h2

tmpl/tutorial.tmpl

@@ -1,15 +1,5 @@
 <section>
 
-<header>
-    <?js if (children.length > 0) { ?>
-    <ul><?js
-        var self = this;
-        children.forEach(function(t) { ?>
-        <li><?js= self.tutoriallink(t.name) ?></li>
-    <?js }); ?></ul>
-    <?js } ?>
-</header>
-
 <article>
     <?js= content ?>
 </article>