adding support for a click handler on 'growl' notifications

visionmedia · Feb 6, 2012 · 2c2f896 · 2c2f896
1 parent a086dc9
commit 2c2f896
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/build/ui.js b/build/ui.js
@@ -1115,6 +1115,24 @@ Notification.prototype.remove = function(){
   this.el.remove();
   return this;
 };
+
+/**
+ * Enable a click callback.
+ *
+ * @return {Notification} for chaining
+ * @api public
+ */
+
+Notification.prototype.click = function(fn){
+  var self = this;
+  this.el.click(function(e){
+    e.preventDefault();
+    e.stopPropagation();
+    self.hide();
+    fn && fn();
+  });
+  return this;
+};
 })(ui, "<li class=\"notification hide\">\n  <div class=\"content\">\n    <h1>Title</h1>\n    <a href=\"#\" class=\"close\">×</a>\n    <p>Message</p>\n  </div>\n</li>");
 ;(function(exports, html){
 

diff --git a/lib/components/notification/notification.js b/lib/components/notification/notification.js
@@ -226,4 +226,22 @@ Notification.prototype.hide = function(ms){
 Notification.prototype.remove = function(){
   this.el.remove();
   return this;
+};
+
+/**
+ * Enable a click callback.
+ *
+ * @return {Notification} for chaining
+ * @api public
+ */
+
+Notification.prototype.click = function(fn){
+  var self = this;
+  this.el.click(function(e){
+    e.preventDefault();
+    e.stopPropagation();
+    self.hide();
+    fn && fn();
+  });
+  return this;
 };