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

diff --git a/client/src/main.js b/client/src/main.js
index 08893dbc..3577b155 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -11,7 +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();
-  },
+  }
 }).$mount("#app");