X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fmain.js;h=b0f9ddccb0080a68265483b50ff72ff756dbba0b;hb=HEAD;hp=674852db31eae7ee96844b5c9f56eaff48423f06;hpb=80ee5d5a70f17f78900a8a3ae2d803ed1f2f14c9;p=vchess.git

diff --git a/client/src/main.js b/client/src/main.js
index 674852db..b0f9ddcc 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -11,10 +11,25 @@ new Vue({
     return h(App);
   },
   created: function() {
-    window.doClick = (elemId) => { document.getElementById(elemId).click() };
-    // 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
-  },
+    // 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 &&
+            !["Accept", "Confirm", "Chat", "People"]
+              .includes(m.id.substr(5)) //modalThing --> Thing
+          ) {
+            m.checked = false;
+          }
+        });
+      }
+    });
+    store.initialize();
+  }
 }).$mount("#app");