website-2018/sgawebsite/static/js/sidebar.js
William Zhang 804245d7f7 init move
2018-05-02 15:40:31 -04:00

43 lines
1.2 KiB
JavaScript

var mb = document.querySelector("#menu-toggle"),
sb = document.querySelector("nav#menu"),
tb = document.querySelector("#logo"),
dm = document.querySelector("#dome"),
wr = document.querySelector("#wrapper");
mb.addEventListener("click", function () {
toggleSidebar(true)
}, false);
wr.addEventListener("click", function () {
toggleSidebar(false)
}, false);
tb.addEventListener("click", function () {
toggleSidebar(false)
}, false);
dm.addEventListener("click", function () {
toggleSidebar(false)
}, false);
mb.addEventListener("touchleave", function () {
toggleSidebar(true)
}, false);
wr.addEventListener("touchleave", function () {
toggleSidebar(false)
}, false);
tb.addEventListener("touchleave", function () {
toggleSidebar(false)
}, false);
dm.addEventListener("touchleave", function () {
toggleSidebar(false)
}, false);
sb.style.disabled = true;
function toggleSidebar(toggleOpenAllowed) {
if ((sb.style.left == "" || sb.style.left == "-30vw") && toggleOpenAllowed) {
sb.style.disabled = false;
sb.style.left = "0px";
} else {
sb.style.disabled = true;
sb.style.left = "-30vw";
}
}