[dash] Support level-4 entries

src/_includes/sidenav-level-2.html

@@ -0,0 +1,61 @@
+{% for entry2 in entry1.children -%}
+
+{% assign class2 = 'nav-link' -%}
+{% assign isActive2 = false -%}
+{% if isActive1 and forloop.index == active_entries[1] -%}
+  {% assign isActive2 = true -%}
+  {% assign class2 = class2 | append: ' active' -%}
+{% endif -%}
+
+{% if entry2 == 'divider' -%}
+
+  <div class="dropdown-divider"></div>
+
+{%- elsif entry2.children == nil -%}
+
+  <li class="nav-item">
+    <a class="{{class2}} {%- unless entry2.permalink %} disabled {%- endunless %}"
+      {% if entry2.permalink -%}
+        href="{{entry2.permalink}}"
+      {% endif -%}
+    >{{entry2.title}}
+    {%- if entry2.permalink == nil -%}
+      (TBC)
+    {%- elsif entry2.permalink contains '://' -%}
+      <i class="fas fa-external-link-alt"></i>
+    {%- endif -%}
+    </a>
+  </li>
+
+{%- else -%}
+
+  {% assign class2 = class2 | append: ' collapsable' -%}
+
+  {% if isActive2 or entry2.expanded -%}
+    {% assign expanded = 'true' -%}
+    {% assign show = 'show' -%}
+  {% else -%}
+    {% assign class2 = class2 | append: ' collapsed' -%}
+    {% assign expanded = 'false' -%}
+    {% assign show = '' -%}
+  {% endif -%}
+
+  {% assign id2 = id1 | append: '-' | append: forloop.index -%}
+  {% assign href = entry2.permalink -%}
+  {% unless href -%}
+    {% assign href = '#' | append: id2 -%}
+  {% endunless -%}
+
+  <li class="nav-item">
+    <a class="{{class2}}"
+      data-toggle="collapse" data-target="#{{id2}}"
+      href="{{href}}" role="button"
+      aria-expanded="{{expanded}}" aria-controls="{{id2}}"
+    >{{entry2.title}}
+    </a>
+    <ul class="nav flex-column flex-nowrap collapse {{show}}" id="{{id2}}">
+      {% include sidenav-level-3.html -%}
+    </ul>
+  </li>
+{% endif -%}
+{% endfor %}

src/_includes/sidenav-level-3.html

@@ -0,0 +1,61 @@
+{% for entry3 in entry2.children -%}
+
+{% assign class3 = 'nav-link' -%}
+{% assign isActive3 = false -%}
+{% if isActive2 and forloop.index == active_entries[2] -%}
+  {% assign isActive3 = true -%}
+  {% assign class3 = class3 | append: ' active' -%}
+{% endif -%}
+
+{% if entry3 == 'divider' -%}
+
+  <div class="dropdown-divider"></div>
+
+{%- elsif entry3.children == nil -%}
+
+  <li class="nav-item">
+    <a class="{{class3}} {%- unless entry3.permalink %} disabled {%- endunless %}"
+      {% if entry3.permalink -%}
+        href="{{entry3.permalink}}"
+      {% endif -%}
+    >{{entry3.title}}
+    {%- if entry3.permalink == nil -%}
+      (TBC)
+    {%- elsif entry3.permalink contains '://' -%}
+      <i class="fas fa-external-link-alt"></i>
+    {%- endif -%}
+    </a>
+  </li>
+
+{%- else -%}
+
+  {% assign class3 = class3 | append: ' collapsable' -%}
+
+  {% if isActive3 or entry3.expanded -%}
+    {% assign expanded = 'true' -%}
+    {% assign show = 'show' -%}
+  {% else -%}
+    {% assign class3 = class3 | append: ' collapsed' -%}
+    {% assign expanded = 'false' -%}
+    {% assign show = '' -%}
+  {% endif -%}
+
+  {% assign id3 = id2 | append: '-' | append: forloop.index -%}
+  {% assign href = entry3.permalink -%}
+  {% unless href -%}
+    {% assign href = '#' | append: id3 -%}
+  {% endunless -%}
+
+  <li class="nav-item">
+    <a class="{{class3}}"
+      data-toggle="collapse" data-target="#{{id3}}"
+      href="{{href}}" role="button"
+      aria-expanded="{{expanded}}" aria-controls="{{id3}}"
+    >{{entry3.title}}
+    </a>
+    <ul class="nav flex-column flex-nowrap collapse {{show}}" id="{{id3}}">
+      {% include sidenav-level-4.html -%}
+    </ul>
+  </li>
+{% endif -%}
+{% endfor -%}

src/_includes/sidenav-level-4.html

@@ -0,0 +1,23 @@
+{% for entry4 in entry3.children -%}
+
+  {% assign class4 = 'nav-link' -%}
+  {% assign isActive4 = false -%}
+  {% if isActive3 and forloop.index == active_entries[3] -%}
+    {% assign isActive4 = true -%}
+    {% assign class4 = class4 | append: ' active' -%}
+  {% endif -%}
+
+  <li class="nav-item">
+    <a class="{{class4}} {%- unless entry4.permalink %} disabled {%- endunless %}"
+        {% if entry4.permalink -%}
+          href="{{entry4.permalink}}"
+        {% endif -%}
+      >{{entry4.title}}
+      {%- if entry4.permalink == nil -%}
+        (TBC)
+      {%- elsif entry4.permalink contains '://' -%}
+        <i class="fas fa-external-link-alt"></i>
+      {%- endif -%}
+      </a>
+  </li>
+{% endfor -%}

src/_includes/sidenav.html

@@ -29,88 +29,7 @@
       >{{entry1.title}}</a>
 
       <ul class="nav flex-column flex-nowrap collapse {{show}}" id="{{id1}}">
-        {% for entry2 in entry1.children -%}
-
-          {% assign class2 = 'nav-link' -%}
-          {% assign isActive2 = false -%}
-          {% if isActive1 and forloop.index == active_entries[1] -%}
-            {% assign isActive2 = true -%}
-            {% assign class2 = class2 | append: ' active' -%}
-          {% endif -%}
-
-          {% if entry2 == 'divider' -%}
-
-            <div class="dropdown-divider"></div>
-
-          {%- elsif entry2.children == nil -%}
-
-            <li class="nav-item">
-              <a class="{{class2}} {%- unless entry2.permalink %} disabled {%- endunless %}"
-                {% if entry2.permalink -%}
-                  href="{{entry2.permalink}}"
-                {% endif -%}
-              >{{entry2.title}}
-              {% if entry2.permalink == nil -%}
-                (TBC)
-              {%- elsif entry2.permalink contains '://' -%}
-                <i class="fas fa-external-link-alt"></i>
-              {% endif -%}
-              </a>
-            </li>
-
-          {%- else -%}
-
-            {% assign class2 = class2 | append: ' collapsable' -%}
-
-            {% if isActive2 or entry2.expanded -%}
-              {% assign expanded = 'true' -%}
-              {% assign show = 'show' -%}
-            {% else -%}
-              {% assign class2 = class2 | append: ' collapsed' -%}
-              {% assign expanded = 'false' -%}
-              {% assign show = '' -%}
-            {% endif -%}
-
-            {% assign id2 = id1 | append: '-' | append: forloop.index -%}
-            {% assign href = entry2.permalink -%}
-            {% unless href -%}
-              {% assign href = '#' | append: id2 -%}
-            {% endunless -%}
-
-            <li class="nav-item">
-              <a class="{{class2}}"
-                data-toggle="collapse" data-target="#{{id2}}"
-                href="{{href}}" role="button"
-                aria-expanded="{{expanded}}" aria-controls="{{id2}}"
-              >{{entry2.title}}
-              </a>
-              <ul class="nav flex-column flex-nowrap collapse {{show}}" id="{{id2}}">
-                {%- for entry3 in entry2.children -%}
-
-                  {% assign class3 = 'nav-link' -%}
-                  {% assign isActive3 = false -%}
-                  {% if isActive2 and forloop.index == active_entries[2] -%}
-                    {% assign isActive3 = true -%}
-                    {% assign class3 = class3 | append: ' active' -%}
-                  {% endif -%}
-
-                  <li class="nav-item">
-                    <a class="{{class3}} {%- unless entry3.permalink %} disabled {%- endunless %}"
-                        {% if entry3.permalink -%}
-                          href="{{entry3.permalink}}"
-                        {% endif -%}
-                      >{{entry3.title}}
-                      {% if entry3.permalink == nil -%}
-                        (TBC)
-                      {%- elsif entry3.permalink contains '://' -%}
-                        <i class="fas fa-external-link-alt external"></i>
-                      {% endif -%}
-                      </a>
-                  </li>
-                {%- endfor %}
-              </ul>
-          {%- endif -%}
-        {%- endfor %}
+        {% include sidenav-level-2.html -%}
       </ul>
     </li>
   {%- endfor -%}