Make sidenav close automatically when nav item selected.

This commit is contained in:
Brian McGonagill 2024-11-15 16:14:32 -06:00
parent 0f9c4f4d5e
commit eabf47daa7
2 changed files with 7 additions and 9 deletions

View file

@ -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>

View file

@ -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);
}
},