rancher-docs/layouts/partials/docs-side-nav.html

<!-- {{ range .Data.Pages.GroupBy "Section" }}
  <h3>{{ .Key }}</h3>
  <ul class="unstyled">
      {{ range .Pages }}
      <li>
      <a href="{{ .Permalink }}">{{ .Title }}</a>
      </li>
      {{ end }}
  </ul>
{{ end }}
 -->
<h3>{{ .Title }}</h3>
{{ $home := .Site.Home }}
  <div class="tree-nav">
    <ul>
      <!-- <li><a href="{{ .RelPermalink}}">Home</a></li> -->
      <ul>
      {{ template "section-tree-nav" $home }}
      </ul>
    </ul>
  </div>
  {{ define "section-tree-nav" }}
  {{ range .Sections}}
<!--   <li> -->
    <li class="bg-white"><a href="{{ .RelPermalink}}"><i class="material-icons bg-accent p-a-xs">folder</i>{{ .Title }}<i class="material-icons pull-right">keyboard_arrow_down</i></a>
      <ul>
        {{ range .Pages }}
        <li class="bg-white"><a href="{{ .RelPermalink}}">{{ .Title }}</a></li>
        {{ end }}
        <ul>
        {{ template "section-tree-nav" . }}
        </ul>
      </ul>
    </li>
<!--   </li> -->
  {{ end }}
{{ end }}


<!--old sidebar-->
<!-- <div class="bg-default p-a-md">
  <h4>{{ .Section }}</h4>
  {{ $page := . }}
  <ul>
  {{ range where .Site.Pages "Section" .Section }}
    {{ $child := . }}
    {{ if .IsDescendant $page }}
      <li class="row aside-item">
        <div class="bg-accent col-md row middle-md center-md"><i class="material-icons">folder</i></div>
        <div class="col-md aside-info">
          <a href="{{ .URL }}">{{ .Title }}
          {{ if .IsAncestor $child }}
              <i class="material-icons pull-right">keyboard_arrow_down</i>
          {{ end }}
          </a>
        </div>
        <ul>
        {{ range where .Site.Pages "Section" .Section }}
          {{ if .IsDescendant $child }}
            <li><a href="{{ .URL }}">{{.Title}}</a></li>
          {{ end }}
        {{ end }}
        </ul>

      </li>
    {{ end }}
  {{ end }}
</div>
 -->