Issue #4737 - adds to a keypress framework, and adds Enter/Escape handling to .prompt

Author: gregallensworth

js/angular/service/popup.js

@@ -391,6 +391,16 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
     //DEPRECATED: notify the promise with an object with a close method
     popup.responseDeferred.notify({ close: popup.responseDeferred.close });
 
+    // if any keypress handlers were requested, go ahead and assign them now
+    // options.keyPressHandlers is the user-generated assoc:   keycode => function()
+    // popup.keyPressHandlers is a list of event-listener handles returned by addEventListener()
+    // and is used to unbind these event listeners when the popup is closing ("then" block below)
+    popup.element[0].keyPressHandlers = options.keyPressHandlers || {};
+    popup.keylistener = popup.element[0].addEventListener('keypress', function (keyEvent) {
+        var userfunc = this.keyPressHandlers[keyEvent.keyCode];
+        if (userfunc) userfunc(popup);
+    });
+
     doShow();
 
     return popup.responseDeferred.promise;
@@ -405,6 +415,8 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
           popupStack.splice(index, 1);
         }
 
+        popup.element[0].removeEventListener('keypress', popup.keylistener);
+
         popup.remove();
 
         if (popupStack.length > 0) {
@@ -470,11 +482,28 @@ function($ionicTemplateLoader, $ionicBackdrop, $q, $timeout, $rootScope, $ionicB
     scope.data.response = opts.defaultText ? opts.defaultText : '';
     scope.data.placeholder = opts.inputPlaceholder ? opts.inputPlaceholder : '';
     scope.data.maxlength = opts.maxLength ? parseInt(opts.maxLength) : '';
+
     var text = '';
     if (opts.template && /<[a-z][\s\S]*>/i.test(opts.template) === false) {
       text = '<span>' + opts.template + '</span>';
       delete opts.template;
     }
+
+    var keyPressHandlers = {
+        "13": function (popup) { // 13 = Enter = OK
+            var button = popup.scope.buttons[1];
+            var tapper = popup.scope.$buttonTapped;
+            var fclick = new MouseEvent('click', { 'view':window, 'bubbles':true, 'cancelable':true });
+            tapper(button,fclick);
+        },
+        "27": function (popup) { // 27 = Esc = Cancel
+            var button = popup.scope.buttons[0];
+            var tapper = popup.scope.$buttonTapped;
+            var fclick = new MouseEvent('click', { 'view':window, 'bubbles':true, 'cancelable':true });
+            tapper(button,fclick);
+        }
+    };
+
     return showPopup(extend({
       template: text + '<input ng-model="data.response" '
         + 'type="{{ data.fieldtype }}"'