<ul class="booknav-tree list-group"><%
for (var i = 0; i < tree.children.length; i++) { // in tree) {
    var item = tree.children[i];
    // console.log('booknav-child-tree '+ item.type +' '+ item.rendername);
    // % ><div>DEBUG < %= item.type % > < %= item.rendername % > < %= 
    if (item.type === 'file' && item.rendername !== 'index.html') {
        %><li class="list-group-item">
            <a href="<%= urlForDoc(item) %>"><%= item.title %></a>
            <% if (item.teaser) { %><%= item.teaser %><% } %>
        </li><%
    } else if (item.type === 'dir') {
        %><li class="list-group-item">
            <%
            var url = urlForDir(item);
            if (url !== "undefined") {
                %><a href="<%= url %>"><%= item.title ? item.title : url %></a><%
                // % >< %- url % >< %
                if (item.teaser) { %>: <%= item.teaser %><% }
            } else {
                %><%= item.dirpath %><%
                if (item.teaser) { %>: <%= item.teaser %><% }
            } %>
            <%- renderSubTree(item) %>
        </li><%
    } %>
<% } %></ul>
