From 4f6c6c8513bd2cbc5e5fc392bb49477d8c8056c1 Mon Sep 17 00:00:00 2001
From: Jacques Erasmus <jerasmus@gitlab.com>
Date: Sun, 28 Jul 2019 22:12:20 +0000
Subject: Add ability to collapse menu items

Added the ability to collapse menu items
---
 layouts/default.html    | 1 +
 layouts/global_nav.html | 6 ++++++
 layouts/head.html       | 1 +
 3 files changed, 8 insertions(+)

(limited to 'layouts')

diff --git a/layouts/default.html b/layouts/default.html
index 7355bc93..15766f61 100644
--- a/layouts/default.html
+++ b/layouts/default.html
@@ -82,5 +82,6 @@
   <% end %>
   <%= render '/footer.*' %>
   <script src="<%= @items['/assets/javascripts/docs.*'].path %>"></script>
+  <script src="<%= @items['/assets/javascripts/global-nav.*'].path %>"></script>
 </body>
 </html>
diff --git a/layouts/global_nav.html b/layouts/global_nav.html
index 73363ec4..9d856262 100644
--- a/layouts/global_nav.html
+++ b/layouts/global_nav.html
@@ -13,10 +13,12 @@
             <%= sec[:section_title] %>
           </a>
         <% end %><!-- end of if dir -->
+        <div class="section-title <% if sec[:section_categories] %>collapse-toggle<% end %> <% if @item.path == "/#{dir}/#{sec[:section_url]}" %>active<% else %>collapsed<% end %>" data-toggle="collapse" aria-expanded="false" data-target="#<%= sec[:section_title].gsub(/[\s\/]/, '') %>"></div>
       </span>
 
       <!-- nav categories -->
       <% if sec[:section_categories] %>
+      <div class="collapse <% if @item.path == "/#{dir}/#{sec[:section_url]}" %>show<% end %>" id="<%= sec[:section_title].delete(' ') %>">
         <% sec[:section_categories].each do |cat| %>
           <span class="global-nav-cat nav-link">
             <% if cat[:external_url] %>
@@ -40,10 +42,12 @@
                 </a>
               <% end %><!-- end of if dir != 'ce' -->
             <% end %><!-- end of if cat[:external_url] -->
+            <div class="<% if cat[:docs] %>collapse-toggle<% end %> <% if @item.path == "/#{dir}/#{cat[:category_url]}" %>active<% else %>collapsed<% end %>" data-toggle="collapse" aria-expanded="false" data-target="#<%= cat[:category_title].gsub(/[\s\/]/, '') %>"></div>
           </span>
 
           <!-- nav docs -->
           <% if cat[:docs] %>
+            <div class="collapse <% if @item.path == "/#{dir}/#{cat[:category_url]}" %>show<% end %>" id="<%= cat[:category_title].gsub(/[\s\/]/, '') %>">
             <% cat[:docs].each do |doc| %>
               <span class="nav-link">
                 <% if doc[:external_url] %>
@@ -69,8 +73,10 @@
                 <% end %><!-- end of if doc[:external_url] -->
               </span>
             <% end %><!-- end of cat[:docs] -->
+            </div>
           <% end %><!-- end of if cat[:docs].nil? -->
         <% end %><!-- end of sec[:section_categories] -->
+      </div>
       <% end %><!-- end of if sec[:section_categories].nil? -->
     </div><!-- end of div class="global-nav-section" -->
   <% end %><!-- end of @items['/_data/global-nav.yaml'] -->
diff --git a/layouts/head.html b/layouts/head.html
index 4b085a82..16981378 100644
--- a/layouts/head.html
+++ b/layouts/head.html
@@ -43,6 +43,7 @@
 <% end %>
 
 <script async src="<%= @items['/assets/javascripts/classlist-polyfill.*'].path %>"></script>
+<script async src="<%= @items['/assets/javascripts/closest-polyfill.*'].path %>"></script>
 <!-- you don't need to keep this, but it's cool for stats! -->
 <meta name="generator" content="Nanoc <%= Nanoc::VERSION %>">
 <!-- Algolia Searching from the URL bar https://www.algolia.com/doc/tutorials/search-ui/ux-patterns/search-from-the-url-bar/ -->
-- 
cgit v1.2.3