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

diff --git a/client/src/main.js b/client/src/main.js
index 08893dbc..f2e38f1f 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -11,7 +11,24 @@ 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 modals:
+    document.addEventListener("keydown", e => {
+      if (e.code === "Escape") {
+        let modalBoxes = document.querySelectorAll("[id^='modal']");
+        modalBoxes.forEach(m => {
+          if (
+            m.checked &&
+            !["modalAccept","modalConfirm"].includes(m.id)
+          ) {
+            m.checked = false;
+          }
+        });
+      }
+    });
     store.initialize();
-  },
+  }
 }).$mount("#app");