2018-03-25 13:22:28 +02:00
|
|
|
var menuOpen = false;
|
|
|
|
var sidenav = $("#menuSidenav");
|
|
|
|
var hamburger = $("#hamburger");
|
|
|
|
var backButton = $("#back_button");
|
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
/*
|
|
|
|
* Open navigation menu, change Hamburger icon to selected state
|
|
|
|
* and display the back button overlay over the page
|
|
|
|
*/
|
|
|
|
|
2018-03-25 13:22:28 +02:00
|
|
|
function openNav() {
|
|
|
|
sidenav.css("margin-left", "0");
|
|
|
|
backButton.addClass("active_background");
|
2018-03-25 14:19:53 +02:00
|
|
|
enableHamburger();
|
2018-03-25 13:22:28 +02:00
|
|
|
menuOpen = true;
|
|
|
|
}
|
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
|
|
|
|
/*
|
|
|
|
* Close navigation menu, change Hamburger icon back to default state
|
|
|
|
* and hide the back button overlay
|
|
|
|
*/
|
2018-03-25 13:22:28 +02:00
|
|
|
function closeNav() {
|
|
|
|
sidenav.css("margin-left", "-250px");
|
|
|
|
backButton.removeClass("active_background");
|
2018-03-25 14:19:53 +02:00
|
|
|
disableHamburger();
|
2018-03-25 13:22:28 +02:00
|
|
|
menuOpen = false;
|
|
|
|
}
|
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
|
|
|
|
/*
|
|
|
|
* Toggle the navigation bar
|
|
|
|
*/
|
2018-03-25 13:22:28 +02:00
|
|
|
function toggleNav() {
|
|
|
|
if (menuOpen) {
|
|
|
|
closeNav();
|
|
|
|
} else {
|
|
|
|
openNav();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-03-25 14:19:53 +02:00
|
|
|
function disableHamburger() {
|
2018-03-25 13:22:28 +02:00
|
|
|
hamburger.removeClass("change");
|
|
|
|
}
|
|
|
|
|
2018-03-25 14:19:53 +02:00
|
|
|
function enableHamburger() {
|
2018-03-25 13:22:28 +02:00
|
|
|
hamburger.addClass("change");
|
|
|
|
}
|