Fix #21 The left sidebar always shows child items (#22)

* Fix #21 The left sidebar always shows child items. With this commit it checks if the section is selected then it shows everything below that section or if a node is selected only shows its children.
* version bump to 0.0.17
Signed-off-by: vsoch <[email protected]>
Co-authored-by: vsoch <[email protected]>

Author: gunhansancar

Diff for: CHANGELOG.md

@@ -14,6 +14,7 @@ Critical items to know are:
  - changed behaviour
 
 ## [master](https://github.com/vsoch/docsy-jekyll/tree/master)
+ - hiding sidebar links to reflect parent functionality (0.0.17)
  - adding breadcrumb link to documentation root (0.0.16)
  - bug with link in top breadcrumb (404) missing baseurl (0.0.15)
  - bug that news items (posts) don't render in search (0.0.14)

Diff for: VERSION

@@ -1 +1 @@
-0.0.16
+0.0.17

Diff for: _includes/sidebar.html

@@ -6,6 +6,8 @@
   </form>  
   <nav class="collapse td-sidebar-nav pt-2 pl-4" id="td-section-nav">
 {% for section in site.data.toc %}<ul class="td-sidebar-nav__section pr-md-3">
+  {% capture sectionUrl %}{{ section.url | replace: "/", "" }}{% endcapture %}
+  {% capture pageUrl %}{{ page.url | replace: "/", "" }}{% endcapture %}
   <li class="td-sidebar-nav__section-title">
     <a  href="{% if section.url %}{{ site.baseurl }}/{{ section.url }}{% else %}{{ section.external_url }}{% endif %}" class="align-left pl-0 pr-2 active td-sidebar-link td-sidebar-link__section">{{ section.title }}</a>
   </li>{% if section.links %}<ul>
@@ -14,9 +16,10 @@
           <li class="td-sidebar-nav__section-title">
             <a href="{% if entry.url %}{{ site.baseurl }}/{{ entry.url }}{% else %}{{ entry.external_url }}{% endif %}" class="align-left pl-0 pr-2 td-sidebar-link td-sidebar-link__section">{{ entry.title }}</a>
           </li>
+          {% if page.url contains entry.url or pageUrl == sectionUrl %}
           <ul><li class="collapse show" id="{{ child.title | slugify }}">{% if entry.children %}
               {% for child in entry.children %}<a class="td-sidebar-link td-sidebar-link__page " id="m-{{ section.title | slugify }}-{{ entry.title | slugify }}-{{ child.title | slugify }}" href="{% if child.url %}{{ site.baseurl }}/{{ child.url }}{% else %}{{ child.external_url }}{% endif %}">{{ child.title }}</a>{% endfor %}
-              {% endif %}</li></ul>{% endfor %}
+              {% endif %}</li></ul>{% endif %}{% endfor %}
     </ul>{% endif %}{% endfor %}
   </nav>
 </div>