X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fmain.js;h=3577b15577728aa25e17edf041727ac698606664;hb=1ef65040168ab7d55ce921abc9d63644a937d689;hp=56c6492cc944e323208e16cffde3ff11694a9bab;hpb=bebcc8d45532e67902175f69084a08040f06855f;p=vchess.git

diff --git a/client/src/main.js b/client/src/main.js
index 56c6492c..3577b155 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -11,8 +11,25 @@ new Vue({
     return h(App);
   },
   created: function() {
-    window.doClick = (elemId) => { document.getElementById(elemId).click() };
+    // 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 &&
+            !["modalAccept", "modalConfirm", "modalChat", "modalPeople"]
+              .includes(m.id)
+          ) {
+            m.checked = false;
+          }
+        });
+      }
+    });
     store.initialize();
-    // NOTE: at this point, variants and tr(anslations) might be uninitialized
-  },
+  }
 }).$mount("#app");