Added keyboard and click events

src/app/ui/modaldialog.js

@@ -39,6 +39,16 @@ module.exports = (title, content, ok, cancel) => {
     if (cancel && cancel.fn) cancel.fn()
   }
 
+  function modalKeyEvent (e) {
+    if (e.keyCode === 27) {
+      cancelListener()
+    } else if (e.keyCode === 13) {
+      okListener()
+    } else {
+      // Do nothing
+    }
+  }
+
   function hide () {
     container.style.display = 'none'
   }
@@ -51,10 +61,14 @@ module.exports = (title, content, ok, cancel) => {
     okDiv.removeEventListener('click', okListener)
     cancelDiv.removeEventListener('click', cancelListener)
     closeDiv.removeEventListener('click', cancelListener)
+    document.removeEventListener('keydown', modalKeyEvent)
+    document.getElementById('modal-background').removeEventListener('click', cancelListener)
   }
   okDiv.addEventListener('click', okListener)
   cancelDiv.addEventListener('click', cancelListener)
   closeDiv.addEventListener('click', cancelListener)
+  document.addEventListener('keydown', modalKeyEvent)
+  document.getElementById('modal-background').addEventListener('click', cancelListener)
 }
 
 function html () {
@@ -70,6 +84,6 @@ function html () {
     <span id="modal-footer-ok" class=${css['modalFooterOk']}>OK</span><span id="modal-footer-cancel"  class=${css['modalFooterCancel']}>Cancel</span>
         </div>
   </div>
-  </div>
+  <div id="modal-background" class="${css['modalBackground']}"> </div>
   </div>`
 }