xrpl-dev-portal/tool/template-sidebar_nav.html

<div class="guide_toc">
  {% if currentpage.doc_type is defined %}
  <div class="sidenav_parent">
    <a href="{{ (pages|selectattr('doc_type', 'equalto', currentpage.doc_type)|first).html }}">{{ currentpage.doc_type }}</a>
  </div>
  {% elif currentpage.funnel is defined %}
  <div class="sidenav_parent">
    {% if currentpage == (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first) %}
    <a class="active" href="{{ currentpage.html }}">{{ currentpage.funnel }}</a>
    {% else %}
    <a href="{{ (pages|selectattr('funnel', 'equalto', currentpage.funnel)|first).html }}">{{ currentpage.funnel }}</a>
    {% endif %}
  </div>
  {% endif %}

  {% if pages|selectattr("funnel", "equalto", currentpage.funnel)|selectattr("category", "defined")|list|length %}
  <div id="sidenav" class="panel-group" role="tablist" aria-multiselectable="true">
    {% for cat in categories %}
      {% set catpages = pages|selectattr("category", "equalto", cat)|list %}
      {% if currentpage.funnel is defined %}
        {% set catpages = catpages|selectattr("funnel", "equalto", currentpage.funnel)|list %}
      {% endif %}
      {% if currentpage.doc_type is defined %}
        {% set catpages = catpages|selectattr("doc_type", "equalto", currentpage.doc_type)|list %}
      {% endif %}
    {% if catpages|length %}
    <div class="panel panel-default{% if currentpage.category == cat %} active{% endif %}">
      <div class="panel-heading" role="tab" id="sidenav_cat_head_{{loop.index}}">
        <h5 class="panel-title">
        {% if catpages|length > 1 %}
        <a class="{% if currentpage.category != cat %}collapsed {% endif %}sidenav_cat_toggler" role="button" data-toggle="collapse" href="#sidenav_collapse_{{loop.index}}" aria-expanded="true" aria-controls="sidenav_collapse_{{loop.index}}">&nbsp;</a>
        {% endif %}
        <a class="sidenav_cat_title{% if currentpage == (pages|selectattr('category', 'equalto', cat)|first) %} active{% elif currentpage.category == cat %} active-parent{% endif %}" href="{{ (pages|selectattr('category', 'equalto', cat)|first).html }}">{{ cat }}</a>
        </h5>
      </div><!-- /.panel-heading -->

      <div id="sidenav_collapse_{{loop.index}}" class="collapse{% if currentpage.category == cat %} in{% endif %}" role="tabpanel" aria-labelledby="sidenav_cat_head_{{loop.index}}">
        <div class="panel-body">
          <ul class="sidebar_pagelist">
          {% set printed_subcategories = [] %}
          {% for page in catpages %}
            {% if loop.index != 1 %}{# Skip the first element since it's linked by the category header #}
            {% if page.subcategory is undefined %}
              {% if page == currentpage %}
              <li><a class="active nosubcat-page" href="{{ page.html }}">{{ page.name }}</a></li>
              {% else %}
              <li><a class="nosubcat-page" href="{{ page.html }}">{{ page.name }}</a></li>
              {% endif %}
            {% elif page.subcategory not in printed_subcategories %}
              {% if page == currentpage %}
              <li><a class="subcat-title active" href="#main_content_body">{{ page.name }}</a></li>
              {% elif page.subcategory == currentpage.subcategory %}
              <li><a class="subcat-title active-parent" href="{{ page.html }}">{{ page.name }}</a></li>
              {% else %}
              <li><a class="subcat-title" href="{{ page.html }}">{{ page.name }}</a></li>
              {% endif %}

              {% for subpage in catpages|selectattr('subcategory', 'equalto', page.subcategory) %}
                {% if subpage != page %}
                {% if subpage == currentpage %}
                <li><a class="active subpage" href="#main_content_body">{{ subpage.name }}</a></li>
                {% else %}
                <li><a class="subpage" href="{{ subpage.html }}">{{ subpage.name }}</a></li>
                {% endif %}
                {% endif %}
              {% endfor %}
              {% set _ = printed_subcategories.append(page.subcategory) %}

            {% endif %}
            {% endif %}
          {% endfor %}

          </ul>
        </div><!-- /.panel-body -->
      </div><!-- /#sidenav_collapse{{loop.index}} -->

    </div><!-- /.panel -->
    {% endif %}
    {% endfor %}
  </div><!-- /#sidenav -->

  {% else %}
  {#--- No categories in this funnel --#}
  {% set funnelpages = pages|selectattr("funnel", "equalto", currentpage.funnel)|list %}
  <div id="sidenav" class="panel-group" aria-multiselectable="true">
    <div class="panel panel-default active">
      <div class="panel-body">
        <ul class="sidebar_pagelist">
        {% for page in funnelpages %}
          {% if loop.index == 1 %}{# Skip the first element since it's linked by the funnel header #}
          {% elif page == currentpage %}
          <li><a class="active nosubcat-page" href="{{ page.html }}">{{ page.name }}</a></li>
          {% else %}
          <li><a class="nosubcat-page" href="{{ page.html }}">{{ page.name }}</a></li>
          {% endif %}
        {% endfor %}
        </ul>
      </div><!-- /.panel-body -->
    </div><!-- /.panel -->
  </div><!-- /#sidenav -->
  {% endif %}
</div><!-- /.guide_toc -->