diff --git a/themes/grav/js/mobile.js b/themes/grav/js/mobile.js index eaf6aeee..74fe0b76 100644 --- a/themes/grav/js/mobile.js +++ b/themes/grav/js/mobile.js @@ -14,48 +14,35 @@ $(document).ready(function(){ var sidebar = document.getElementById("admin-sidebar"); var overlay = document.getElementById("overlay"); - //var selected = sidebar.getElementsByClassName('selected')[0].getElementsByTagName('a'); - //Var selected will be added later when solution to a few pages not having it is found. - //Var selected is used to prevent the page from reloading when clicking on the current page in the menu var mobile = { setup: function() { - //selected[0].href = 'javascript:void(0)'; - //actions here please; - //console.log("Mobile setup"); - //event listener to titlebar + //add event listeners titlebar.addEventListener('click',mobile.titlebar_click); - //event listener to admin-sidebar sidebar.addEventListener('click',mobile.sidebar_click); - //event listener to overlay overlay.addEventListener('click',mobile.overlay_click); }, teardown: function() { - //teardown actions here please - //console.log("Mobile teardown"); //remove event listeners titlebar.removeEventListener('click',mobile.titlebar_click); sidebar.removeEventListener('click',mobile.sidebar_click); overlay.removeEventListener('click',mobile.overlay_click); }, titlebar_click: function(event){ - //onclick event stuff here; - //console.log("Mobile onClick"); + //titlebar on click - open sidebar (make sure not a button bar child) if(!$(event.target).parents('.button-bar').length>0){ - $(sidebar).toggle('slide'); - overlay.style.display = "inherit"; + $(sidebar).toggle('slide'); + overlay.style.display = "inherit"; } }, sidebar_click: function(){ - //onclick event stuff here; - //console.log("Sidebar Clicked"); + //sidebar on click - close sidebar if(event.target == sidebar || event.target == selected[0]) { $(sidebar).toggle('slide'); overlay.style.display = "none"; } }, overlay_click: function(){ - //onclick event stuff here; - //console.log("Overlay Clicked"); + //overlay on click - close sidebar $(sidebar).toggle('slide'); overlay.style.display = "none"; } @@ -63,9 +50,6 @@ $(document).ready(function(){ var other = { setup: function() { - //actions here please; - //console.log("Other setup"); - //make sure menu is visible if(sidebar && sidebar.style.display == 'none') { sidebar.style.display = 'block'; }