From d36ecb0adaa0ef4f630b6d1f98dad749bc4a68ea Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Thu, 23 Nov 2017 16:17:06 +0100
Subject: [PATCH] Added possibillity to close or send a modal via keycodes

---
 frontend/src/components/Modal.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/frontend/src/components/Modal.vue b/frontend/src/components/Modal.vue
index 4669087..dcea488 100644
--- a/frontend/src/components/Modal.vue
+++ b/frontend/src/components/Modal.vue
@@ -32,6 +32,18 @@
     name: 'modal',
     props: {
       header: ''
+    },
+    mounted: function () {
+      document.addEventListener('keydown', (e) => {
+        // Close the model when escape is pressed
+        if (e.keyCode === 27) {
+          this.$emit('close')
+        }
+        // Send it when enter is pressed
+        if (e.keyCode === 13) {
+          this.$emit('submit')
+        }
+      })
     }
   }
 </script>