From eabf47daa72eaf8b8178ffaa5818d04b0e97a944 Mon Sep 17 00:00:00 2001
From: Brian McGonagill <brian@fixitdelrio.com>
Date: Fri, 15 Nov 2024 16:14:32 -0600
Subject: [PATCH] Make sidenav close automatically when nav item selected.

---
 client/General/headerBar.html | 14 +++++++-------
 client/General/headerBar.js   |  2 --
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/client/General/headerBar.html b/client/General/headerBar.html
index 9ba8e1b..506c79b 100644
--- a/client/General/headerBar.html
+++ b/client/General/headerBar.html
@@ -27,19 +27,19 @@
       </nav>
       <ul class="sidenav" id="mobile-demo">
         {{#if currentUser}}
-        <li><a href="#!" id="mylists" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
-        <li><a href="#!" id="mymenus" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
-        <li><a href="#!" id="myTasks" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
-        <li><a href="#!" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="mySettings">My Settings</a></li>
+        <li><a href="#!" id="mylists" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Lists</a></li>
+        <li><a href="#!" id="mymenus" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Menus</a></li>
+        <li><a href="#!" id="myTasks" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">My Tasks</a></li>
+        <li><a href="#!" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}" id="mySettings">My Settings</a></li>
         {{#if isInRole 'systemadmin'}}
-          <li><a href="#!" id="manage" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
+          <li><a href="#!" id="manage" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">Manage</a></li>
           {{#if $eq updateExists true}}
           <li><a href="#!"><i class="material-icons navBtn" id="dashboard">notifications</i></a></li>
           {{/if}}
         {{/if}}
-        <li><a href="#!" class="signOut {{#if $eq myTheme 'dark'}}white-text{{/if}}">Sign Out</a></li>
+        <li><a href="#!" class="signOut sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">Sign Out</a></li>
         {{else}}
-          <li><a href="#!" id="login" class="navBtn {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
+          <li><a href="#!" id="login" class="navBtn sidenav-close {{#if $eq myTheme 'dark'}}white-text{{/if}}">Login</a></li>
         {{/if}}
       </ul>
 </template>
diff --git a/client/General/headerBar.js b/client/General/headerBar.js
index 9de0b62..a18c704 100644
--- a/client/General/headerBar.js
+++ b/client/General/headerBar.js
@@ -33,11 +33,9 @@ Template.headerBar.events({
 	'click  .navBtn' (event) {
         event.preventDefault();
         var clickedTarget = event.target.id;
-        // console.log("clicked " + clickedTarget);
         if (clickedTarget == 'mainMenu') {
             FlowRouter.go('/');
         } else {
-            // console.log("should be going to /" + clickedTarget);
             FlowRouter.go('/' + clickedTarget);
         }
     },