From e7e363379417c9dc52b036ab3036977b005aa727 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 23 Aug 2024 16:27:17 -0600
Subject: [PATCH] Website: Update documentation side bar navigation (#21508)

Changes:
- Updated the sidebar navigation on fleetdm.com/docs to show subpages in
all sections of the docs (instead of the subpages in the current
section).
- Added a link to the non-reference documentation at /guides
---
 website/views/pages/docs/basic-documentation.ejs | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs
index ac6ebd0ee4..cc8b15b912 100644
--- a/website/views/pages/docs/basic-documentation.ejs
+++ b/website/views/pages/docs/basic-documentation.ejs
@@ -95,10 +95,10 @@
             <div class="container-fluid px-0 pt-4">
               <ul class="px-0 mb-0 pb-3">
                 <li class="px-0 mb-2" v-for="page in findPagesByUrl()" :key="page.title">
-                  <a :href="page.url" class="font-weight-bold">
+                  <span class="font-weight-bold">
                     {{page.title}}
-                  </a>
-                  <div purpose="expanded-nav" class="pt-3" v-if="isCurrentSection(page)">
+                  </span>
+                  <div purpose="expanded-nav" class="pt-3">
                     <ul class="p-0 pl-2 mb-3" v-if="!_.isEmpty(findPagesByUrl(page.url))">
                       <li v-for="subpage in findPagesByUrl(page.url)" :key="subpage.title">
                         <a :href="subpage.url" :class="subpage.title === thisPage.title ? 'topic active' : 'topic'">
@@ -110,6 +110,7 @@
                 </li>
               </ul>
               <ul class="px-0 mb-0 pt-3" purpose="mobile-docs-nav-other-links">
+                <li class="px-0 mb-3"><a href="/guides">Guides</a></li>
                 <li class="px-0 mb-3"><a href="/tables">Data tables</a></li>
                 <li class="px-0 mb-3"><a href="/queries"><%= ['eo-it', 'mdm'].includes(primaryBuyingSituation) ? 'Device health checks' : 'Built-in queries' %></a></li>
                 <li class="px-0 mb-3"><a href="https://github.com/fleetdm/fleet/releases" target="_blank">Releases</a></li>
@@ -134,8 +135,8 @@
         <div purpose="left-sidebar" class="d-none d-lg-flex flex-column text-left pl-0 pr-4 left-sidebar">
           <ul class="p-0 pb-3 m-0 left-nav">
             <li v-for="page in findPagesByUrl()" :key="page.title">
-              <a :href="page.url" class="font-weight-bold pb-3">{{page.title}}</a>
-              <div purpose="expanded-nav" class="pt-3" v-if="isCurrentSection(page)">
+              <span class="font-weight-bold pb-3">{{page.title}}</span>
+              <div purpose="expanded-nav" class="pt-3" >
                 <ul class="p-0 pl-2 mb-3">
                   <li v-for="subpage in findPagesByUrl(page.url)" :key="subpage.title">
                     <a :href="subpage.url" :class="subpage.title === thisPage.title ? 'topic active' : 'topic'">
@@ -146,8 +147,9 @@
               </div>
             </li>
           </ul>
-          <a class="pt-4 pb-3" target="_blank" href="/tables">Data tables</a>
-          <a class="pb-3" target="_blank" href="/queries"><%= ['eo-it', 'mdm'].includes(primaryBuyingSituation) ? 'Device health checks' : 'Built-in queries' %></a>
+          <a class="pt-4 pb-3" href="/guides">Guides</a>
+          <a class="pb-3" href="/tables">Data tables</a>
+          <a class="pb-3" href="/queries"><%= ['eo-it', 'mdm'].includes(primaryBuyingSituation) ? 'Device health checks' : 'Built-in queries' %></a>
           <a class="pb-3" target="_blank" href="https://github.com/fleetdm/fleet/releases">Releases</a>
           <a class="pb-3" target="_blank" href="/support">Support</a>
           <div class="d-none d-lg-block" purpose="swag-cta" v-if="showSwagForm">