From 5bde2704364d246f021b3c9f03ba0bb1ee4b8b1c Mon Sep 17 00:00:00 2001
From: Petr Vobornik <pvoborni@redhat.com>
Date: Thu, 25 Oct 2012 10:09:39 +0200
Subject: Confirm mixin

Base mixin class for dialogs witch confirmation/canceling capabilities.

When used, dialog can be 'confirmed' by 'enter' key or canceled by 'escape' key. It doesn't accept confirmation from all elements to not override default expected behavior like creating new line in text area, executing link or selecting a value in a select element.

https://fedorahosted.org/freeipa/ticket/3200
---
 install/ui/dialog.js | 72 +++++++++++++++++++++++++++++++++++++++++++++-------
 1 file changed, 63 insertions(+), 9 deletions(-)

(limited to 'install/ui/dialog.js')

diff --git a/install/ui/dialog.js b/install/ui/dialog.js
index d84f947e..4a992fc4 100644
--- a/install/ui/dialog.js
+++ b/install/ui/dialog.js
@@ -179,6 +179,7 @@ IPA.dialog = function(spec) {
         });
 
         that.set_buttons();
+        that.register_listeners();
     };
 
     that.option = function(name, value) {
@@ -229,6 +230,7 @@ IPA.dialog = function(spec) {
     that.close = function() {
         that.container.dialog('destroy');
         that.container.remove();
+        that.remove_listeners();
     };
 
     that.reset = function() {
@@ -238,6 +240,9 @@ IPA.dialog = function(spec) {
         }
     };
 
+    that.register_listeners = function() {};
+    that.remove_listeners = function() {};
+
     that.create_builder = function() {
 
         var widget_builder = IPA.widget_builder({
@@ -658,6 +663,8 @@ IPA.confirm_dialog = function(spec) {
     spec.title = spec.title || IPA.messages.dialogs.confirmation;
 
     var that = IPA.dialog(spec);
+    IPA.confirm_mixin().apply(that);
+
     that.message = spec.message || '';
     that.on_ok = spec.on_ok;
     that.on_cancel = spec.on_cancel;
@@ -675,7 +682,6 @@ IPA.confirm_dialog = function(spec) {
     that.close = function() {
 
         that.dialog_close();
-        $(document).unbind('keyup', that.on_key_up);
 
         if (that.confirmed) {
             if (that.on_ok) {
@@ -692,16 +698,11 @@ IPA.confirm_dialog = function(spec) {
 
         that.confirmed = false;
         that.dialog_open(container);
-        $(document).bind('keyup', that.on_key_up);
     };
 
-    that.on_key_up = function(event) {
-
-        if (event.keyCode === $.ui.keyCode.ENTER) {
-            event.preventDefault();
-            that.confirmed = true;
-            that.close();
-        }
+    that.on_confirm = function() {
+        that.confirmed = true;
+        that.close();
     };
 
     that.create_buttons = function() {
@@ -732,3 +733,56 @@ IPA.confirm_dialog = function(spec) {
 
     return that;
 };
+
+IPA.confirm_mixin = function() {
+
+    return {
+        mixin: {
+
+            ignore_enter_rules: {
+                src_elements: ['a', 'button'],
+                src_types: ['textarea', 'select-one']
+            },
+
+            test_ignore: function(event) {
+
+                var ir = this.ignore_enter_rules,
+                    t = event.target,
+
+                    ignore = ir.src_elements.indexOf(t.tagName.toLowerCase()) > -1 ||
+                             ir.src_types.indexOf(t.type) > -1;
+
+                return ignore;
+            },
+
+            register_listeners: function() {
+                var self = this;
+                this._on_key_up_listener = function(e) { self.on_key_up(e); };
+                var dialog_container = this.container.parent('.ui-dialog');
+                dialog_container.bind('keyup', this._on_key_up_listener);
+            },
+
+            remove_listeners: function() {
+                var dialog_container = this.container.parent('.ui-dialog');
+                dialog_container.unbind('keyup', this._on_key_up_listener);
+            },
+
+            on_key_up: function(event) {
+                if (event.keyCode === $.ui.keyCode.ENTER &&
+                        !this.test_ignore(event) &&
+                        !!this.on_confirm) {
+                    event.preventDefault();
+                    this.on_confirm();
+                } else if (event.keyCode === $.ui.keyCode.ESCAPE &&
+                        !!this.on_cancel) {
+                    event.preventDefault();
+                    this.on_cancel();
+                }
+            }
+        },
+
+        apply: function(obj) {
+            $.extend(obj, this.mixin);
+        }
+    };
+};
-- 
cgit