2019-05-16 18:34:02 +02:00
|
|
|
let sidenav = $("#menuSidenav");
|
2019-05-24 21:40:30 +02:00
|
|
|
let baguette = $("#baguette");
|
2019-05-16 18:34:02 +02:00
|
|
|
let backButton = $("#back-button");
|
|
|
|
|
|
|
|
let openedSidenavClass = 'sidenav-open';
|
|
|
|
let activeBackgroundClass = 'active-background';
|
2018-03-25 13:22:28 +02:00
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
/*
|
2019-05-24 21:40:30 +02:00
|
|
|
* Open navigation menu, change Baguette icon to selected state
|
2018-03-26 14:22:35 +02:00
|
|
|
* and display the back button overlay over the page
|
|
|
|
*/
|
|
|
|
|
2018-03-25 13:22:28 +02:00
|
|
|
function openNav() {
|
2019-05-16 18:34:02 +02:00
|
|
|
sidenav.addClass(openedSidenavClass);
|
|
|
|
backButton.addClass(activeBackgroundClass);
|
2019-05-24 21:40:30 +02:00
|
|
|
enableBaguette();
|
2018-03-25 13:22:28 +02:00
|
|
|
}
|
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
|
|
|
|
/*
|
2019-05-24 21:40:30 +02:00
|
|
|
* Close navigation menu, change Baguette icon back to default state
|
2018-03-26 14:22:35 +02:00
|
|
|
* and hide the back button overlay
|
|
|
|
*/
|
2018-03-25 13:22:28 +02:00
|
|
|
function closeNav() {
|
2019-05-16 18:34:02 +02:00
|
|
|
sidenav.removeClass(openedSidenavClass);
|
|
|
|
backButton.removeClass(activeBackgroundClass);
|
2019-05-24 21:40:30 +02:00
|
|
|
disableBaguette();
|
2018-03-25 13:22:28 +02:00
|
|
|
}
|
|
|
|
|
2018-03-26 14:22:35 +02:00
|
|
|
|
|
|
|
/*
|
|
|
|
* Toggle the navigation bar
|
|
|
|
*/
|
2018-03-25 13:22:28 +02:00
|
|
|
function toggleNav() {
|
2019-05-16 18:34:02 +02:00
|
|
|
if (sidenav.hasClass(openedSidenavClass)) {
|
2018-03-25 13:22:28 +02:00
|
|
|
closeNav();
|
|
|
|
} else {
|
|
|
|
openNav();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-05-24 21:40:30 +02:00
|
|
|
function disableBaguette() {
|
|
|
|
baguette.removeClass("change-clic");
|
2018-03-25 13:22:28 +02:00
|
|
|
}
|
|
|
|
|
2019-05-24 21:40:30 +02:00
|
|
|
function enableBaguette() {
|
|
|
|
baguette.addClass("change-clic");
|
2018-03-25 13:22:28 +02:00
|
|
|
}
|
2018-04-21 20:36:11 +02:00
|
|
|
|
2019-05-24 21:40:30 +02:00
|
|
|
// Animate baguette on hover
|
|
|
|
baguette.hover(function(){
|
|
|
|
baguette.addClass("change-hover");
|
2018-04-24 00:15:37 +02:00
|
|
|
}, function(){
|
2019-05-24 21:40:30 +02:00
|
|
|
baguette.removeClass("change-hover");
|
2018-04-24 00:15:37 +02:00
|
|
|
});
|