docbrown/app/assets/javascripts/initializers/initializeDrawerSliders.js
2018-03-13 11:13:19 -04:00

54 lines
No EOL
1.8 KiB
JavaScript

function initializeDrawerSliders() {
if(!initializeSwipeGestures.called) {
swipeState = "middle";
initializeSwipeGestures();
}
if (document.getElementById("on-page-nav-controls")){
if (document.getElementById("sidebar-bg-left")){
document.getElementById("sidebar-bg-left").onclick = function(){
swipeState = "middle";
slideSidebar("left","outOfView");
}
}
if (document.getElementById("sidebar-bg-right")){
document.getElementById("sidebar-bg-right").onclick = function(){
swipeState = "middle";
slideSidebar("right","outOfView");
}
}
if (document.getElementById("on-page-nav-butt-left")){
document.getElementById("on-page-nav-butt-left").onclick = function(){
swipeState = "left"
slideSidebar("left","intoView");
}
}
if (document.getElementById("on-page-nav-butt-right")){
document.getElementById("on-page-nav-butt-right").onclick = function(){
swipeState = "right"
slideSidebar("right","intoView");
}
}
InstantClick.on('change', function() {
document.getElementsByTagName('body')[0].classList.remove('modal-open');
slideSidebar("right","outOfView");
slideSidebar("left","outOfView");
});
listenForNarrowMenuClick();
}
}
function listenForNarrowMenuClick(event) {
var navLinks = document.getElementsByClassName("narrow-nav-menu");
for (var i = 0; i < navLinks.length; i++) {
document.getElementById("narrow-nav-menu").classList.remove("showing");
}
document.getElementById("narrow-feed-butt").onclick = function(){
document.getElementById("narrow-nav-menu").classList.add("showing");
}
for (var i = 0; i < navLinks.length; i++) {
navLinks[i].onclick = function(event){
document.getElementById("narrow-nav-menu").classList.remove("showing");
}
}
}