X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fmain.js;h=b0f9ddccb0080a68265483b50ff72ff756dbba0b;hb=HEAD;hp=6e22936267497ca1ea76652a31532d33064b8f0c;hpb=63ca2b89cfe577efd168c6b2e26750cb01b66d64;p=vchess.git diff --git a/client/src/main.js b/client/src/main.js index 6e229362..b0f9ddcc 100644 --- a/client/src/main.js +++ b/client/src/main.js @@ -11,20 +11,25 @@ new Vue({ return h(App); }, created: function() { - window.doClick = (elemId) => { document.getElementById(elemId).click() }; - document.addEventListener("keydown", (e) => { - if (e.code === "Escape") - { + // Several interactions on clicks on elements: + window.doClick = elemId => { + document.getElementById(elemId).click(); + }; + // Esc key can close some modals: + document.addEventListener("keydown", e => { + if (e.code === "Escape") { let modalBoxes = document.querySelectorAll("[id^='modal']"); modalBoxes.forEach(m => { - if (m.checked) + if ( + m.checked && + !["Accept", "Confirm", "Chat", "People"] + .includes(m.id.substr(5)) //modalThing --> Thing + ) { m.checked = false; + } }); } }); - // TODO: why is this wrong? - //store.initialize(this.$route.path); - store.initialize(window.location.href.split("#")[1]); - // NOTE: at this point, variants and tr(anslations) might be uninitialized - }, + store.initialize(); + } }).$mount("#app");