pnotify-rails 1.2.2 → 2.0.1

data/vendor/assets/javascripts/pnotify/pnotify.desktop.js

@@ -0,0 +1,143 @@
+// Desktop
+// Uses AMD or browser globals for jQuery.
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as a module.
+        define('pnotify.desktop', ['jquery', 'pnotify'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery, PNotify);
+    }
+}(function($, PNotify){
+	var permission;
+	var notify = function(title, options){
+		// Memoize based on feature detection.
+		if ("Notification" in window) {
+			notify = function (title, options) {
+				return new Notification(title, options);
+			};
+		} else if ("mozNotification" in navigator) {
+			notify = function (title, options) {
+				// Gecko < 22
+				return navigator.mozNotification
+					.createNotification(title, options.body, options.icon)
+					.show();
+			};
+		} else if ("webkitNotifications" in window) {
+			notify = function (title, options) {
+				return window.webkitNotifications.createNotification(
+					options.icon,
+					title,
+					options.body
+				);
+			};
+		} else {
+			notify = function (title, options) {
+				return null;
+			};
+		}
+		return notify(title, options);
+	};
+
+
+	PNotify.prototype.options.desktop = {
+		// Display the notification as a desktop notification.
+		desktop: false,
+		// The URL of the icon to display. If false, no icon will show. If null, a default icon will show.
+		icon: null,
+		// Using a tag lets you update an existing notice, or keep from duplicating notices between tabs.
+		// If you leave tag null, one will be generated, facilitating the "update" function.
+		// see: http://www.w3.org/TR/notifications/#tags-example
+		tag: null
+	};
+	PNotify.prototype.modules.desktop = {
+		tag: null,
+		icon: null,
+		genNotice: function(notice, options){
+			if (options.icon === null) {
+				this.icon = "http://sciactive.com/pnotify/includes/desktop/"+notice.options.type+".png";
+			} else if (options.icon === false) {
+				this.icon = null;
+			} else {
+				this.icon = options.icon;
+			}
+			if (this.tag === null || options.tag !== null) {
+				this.tag = options.tag === null ? "PNotify-"+Math.round(Math.random() * 1000000) : options.tag;
+			}
+			notice.desktop = notify(notice.options.title, {
+				icon: this.icon,
+				body: notice.options.text,
+				tag: this.tag
+			});
+			if (!("close" in notice.desktop)) {
+				notice.desktop.close = function(){
+					notice.desktop.cancel();
+				};
+			}
+			notice.desktop.onclick = function(){
+				notice.elem.trigger("click");
+			};
+			notice.desktop.onclose = function(){
+				if (notice.state !== "closing" && notice.state !== "closed") {
+					notice.remove();
+				}
+			};
+		},
+		init: function(notice, options){
+			if (!options.desktop)
+				return;
+			permission = PNotify.desktop.checkPermission();
+			if (permission != 0)
+				return;
+			this.genNotice(notice, options);
+		},
+		update: function(notice, options, oldOpts){
+			if (permission != 0 || !options.desktop)
+				return;
+			this.genNotice(notice, options);
+		},
+		beforeOpen: function(notice, options){
+			if (permission != 0 || !options.desktop)
+				return;
+			notice.elem.css({'left': '-10000px', 'display': 'none'});
+		},
+		afterOpen: function(notice, options){
+			if (permission != 0 || !options.desktop)
+				return;
+			notice.elem.css({'left': '-10000px', 'display': 'none'});
+			if ("show" in notice.desktop) {
+				notice.desktop.show();
+			}
+		},
+		beforeClose: function(notice, options){
+			if (permission != 0 || !options.desktop)
+				return;
+			notice.elem.css({'left': '-10000px', 'display': 'none'});
+		},
+		afterClose: function(notice, options){
+			if (permission != 0 || !options.desktop)
+				return;
+			notice.elem.css({'left': '-10000px', 'display': 'none'});
+			notice.desktop.close();
+		}
+	};
+	PNotify.desktop = {
+		permission: function(){
+			if (typeof Notification !== "undefined" && "requestPermission" in Notification) {
+				Notification.requestPermission();
+			} else if ("webkitNotifications" in window) {
+				window.webkitNotifications.requestPermission();
+			}
+		},
+		checkPermission: function(){
+			if (typeof Notification !== "undefined" && "permission" in Notification) {
+				return (Notification.permission == "granted" ? 0 : 1);
+			} else if ("webkitNotifications" in window) {
+				return window.webkitNotifications.checkPermission();
+			} else {
+				return 1;
+			}
+		}
+	};
+	permission = PNotify.desktop.checkPermission();
+}));

data/vendor/assets/javascripts/pnotify/pnotify.history.js

@@ -0,0 +1,189 @@
+// History
+// Uses AMD or browser globals for jQuery.
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as a module.
+        define('pnotify.history', ['jquery', 'pnotify'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery, PNotify);
+    }
+}(function($, PNotify){
+	var history_menu,
+		history_handle_top;
+	$(function(){
+		$("body").on("pnotify.history-all", function(){
+			// Display all notices. (Disregarding non-history notices.)
+			$.each(PNotify.notices, function(){
+				if (this.modules.history.inHistory) {
+					if (this.elem.is(":visible")) {
+						// The hide variable controls whether the history pull down should
+						// queue a removal timer.
+						if (this.options.hide)
+							this.queueRemove();
+					} else if (this.open)
+						this.open();
+				}
+			});
+		}).on("pnotify.history-last", function(){
+			var pushTop = (PNotify.prototype.options.stack.push === "top");
+
+			// Look up the last history notice, and display it.
+			var i = (pushTop ? 0 : -1);
+
+			var notice;
+			do {
+				if (i === -1)
+					notice = PNotify.notices.slice(i);
+				else
+					notice = PNotify.notices.slice(i, i+1);
+				if (!notice[0])
+					return false;
+
+				i = (pushTop ? i + 1 : i - 1);
+			} while (!notice[0].modules.history.inHistory || notice[0].elem.is(":visible"));
+			if (notice[0].open)
+				notice[0].open();
+		});
+	});
+	PNotify.prototype.options.history = {
+		// Place the notice in the history.
+		history: true,
+		// Display a pull down menu to redisplay previous notices.
+		menu: false,
+		// Make the pull down menu fixed to the top of the viewport.
+		fixed: true,
+		// Maximum number of notifications to have onscreen.
+		maxonscreen: Infinity,
+		// The various displayed text, helps facilitating internationalization.
+		labels: {
+			redisplay: "Redisplay",
+			all: "All",
+			last: "Last"
+		}
+	};
+	PNotify.prototype.modules.history = {
+		// The history variable controls whether the notice gets redisplayed
+		// by the history pull down.
+		inHistory: false,
+
+		init: function(notice, options){
+			// Make sure that no notices get destroyed.
+			notice.options.destroy = false;
+
+			this.inHistory = options.history;
+
+			if (options.menu) {
+				// If there isn't a history pull down, create one.
+				if (typeof history_menu === "undefined") {
+					history_menu = $("<div />", {
+						"class": "ui-pnotify-history-container "+notice.styles.hi_menu,
+						"mouseleave": function(){
+							history_menu.animate({top: "-"+history_handle_top+"px"}, {duration: 100, queue: false});
+						}
+					})
+					.append($("<div />", {"class": "ui-pnotify-history-header", "text": options.labels.redisplay}))
+					.append($("<button />", {
+							"class": "ui-pnotify-history-all "+notice.styles.hi_btn,
+							"text": options.labels.all,
+							"mouseenter": function(){
+								$(this).addClass(notice.styles.hi_btnhov);
+							},
+							"mouseleave": function(){
+								$(this).removeClass(notice.styles.hi_btnhov);
+							},
+							"click": function(){
+								$(this).trigger("pnotify.history-all");
+								return false;
+							}
+					}))
+					.append($("<button />", {
+							"class": "ui-pnotify-history-last "+notice.styles.hi_btn,
+							"text": options.labels.last,
+							"mouseenter": function(){
+								$(this).addClass(notice.styles.hi_btnhov);
+							},
+							"mouseleave": function(){
+								$(this).removeClass(notice.styles.hi_btnhov);
+							},
+							"click": function(){
+								$(this).trigger("pnotify.history-last");
+								return false;
+							}
+					}))
+					.appendTo("body");
+
+					// Make a handle so the user can pull down the history tab.
+					var handle = $("<span />", {
+						"class": "ui-pnotify-history-pulldown "+notice.styles.hi_hnd,
+						"mouseenter": function(){
+							history_menu.animate({top: "0"}, {duration: 100, queue: false});
+						}
+					})
+					.appendTo(history_menu);
+
+					// Get the top of the handle.
+					console.log(handle.offset());
+					history_handle_top = handle.offset().top + 2;
+					// Hide the history pull down up to the top of the handle.
+					history_menu.css({top: "-"+history_handle_top+"px"});
+
+					// Apply the fixed styling.
+					if (options.fixed) {
+						history_menu.addClass('ui-pnotify-history-fixed');
+					}
+				}
+			}
+		},
+		update: function(notice, options){
+			// Update values for history menu access.
+			this.inHistory = options.history;
+			if (options.fixed && history_menu) {
+				history_menu.addClass('ui-pnotify-history-fixed');
+			} else if (history_menu) {
+				history_menu.removeClass('ui-pnotify-history-fixed');
+			}
+		},
+		beforeOpen: function(notice, options){
+			// Remove oldest notifications leaving only options.maxonscreen on screen
+			if (PNotify.notices && (PNotify.notices.length > options.maxonscreen)) {
+				// Oldest are normally in front of array, or if stack.push=="top" then
+				// they are at the end of the array! (issue #98)
+				var el;
+				if (notice.options.stack.push !== "top")
+					el = PNotify.notices.slice(0, PNotify.notices.length - options.maxonscreen);
+				else
+					el = PNotify.notices.slice(options.maxonscreen, PNotify.notices.length);
+
+				$.each(el, function(){
+					if (this.remove)
+						this.remove();
+				});
+			}
+		}
+	};
+	$.extend(PNotify.styling.jqueryui, {
+		hi_menu: "ui-state-default ui-corner-bottom",
+		hi_btn: "ui-state-default ui-corner-all",
+		hi_btnhov: "ui-state-hover",
+		hi_hnd: "ui-icon ui-icon-grip-dotted-horizontal"
+	});
+	$.extend(PNotify.styling.bootstrap2, {
+		hi_menu: "well",
+		hi_btn: "btn",
+		hi_btnhov: "",
+		hi_hnd: "icon-chevron-down"
+	});
+	$.extend(PNotify.styling.bootstrap3, {
+		hi_menu: "well",
+		hi_btn: "btn btn-default",
+		hi_btnhov: "",
+		hi_hnd: "glyphicon glyphicon-chevron-down"
+	});
+	$.extend(PNotify.styling.fontawesome, {
+		hi_menu: "well",
+		hi_btn: "btn btn-default",
+		hi_btnhov: "",
+		hi_hnd: "fa fa-chevron-down"
+	});
+}));

data/vendor/assets/javascripts/pnotify/pnotify.nonblock.js

@@ -0,0 +1,151 @@
+// Nonblock
+// Uses AMD or browser globals for jQuery.
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as a module.
+        define('pnotify.nonblock', ['jquery', 'pnotify'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery, PNotify);
+    }
+}(function($, PNotify){
+	// Some useful regexes.
+	var re_on = /^on/,
+		re_mouse_events = /^(dbl)?click$|^mouse(move|down|up|over|out|enter|leave)$|^contextmenu$/,
+		re_ui_events = /^(focus|blur|select|change|reset)$|^key(press|down|up)$/,
+		re_html_events = /^(scroll|resize|(un)?load|abort|error)$/;
+	// Fire a DOM event.
+	var dom_event = function(e, orig_e){
+		var event_object;
+		e = e.toLowerCase();
+		if (document.createEvent && this.dispatchEvent) {
+			// FireFox, Opera, Safari, Chrome
+			e = e.replace(re_on, '');
+			if (e.match(re_mouse_events)) {
+				// This allows the click event to fire on the notice. There is
+				// probably a much better way to do it.
+				$(this).offset();
+				event_object = document.createEvent("MouseEvents");
+				event_object.initMouseEvent(
+					e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail,
+					orig_e.screenX, orig_e.screenY, orig_e.clientX, orig_e.clientY,
+					orig_e.ctrlKey, orig_e.altKey, orig_e.shiftKey, orig_e.metaKey, orig_e.button, orig_e.relatedTarget
+				);
+			} else if (e.match(re_ui_events)) {
+				event_object = document.createEvent("UIEvents");
+				event_object.initUIEvent(e, orig_e.bubbles, orig_e.cancelable, orig_e.view, orig_e.detail);
+			} else if (e.match(re_html_events)) {
+				event_object = document.createEvent("HTMLEvents");
+				event_object.initEvent(e, orig_e.bubbles, orig_e.cancelable);
+			}
+			if (!event_object) return;
+			this.dispatchEvent(event_object);
+		} else {
+			// Internet Explorer
+			if (!e.match(re_on)) e = "on"+e;
+			event_object = document.createEventObject(orig_e);
+			this.fireEvent(e, event_object);
+		}
+	};
+
+
+	// This keeps track of the last element the mouse was over, so
+	// mouseleave, mouseenter, etc can be called.
+	var nonblock_last_elem;
+	// This is used to pass events through the notice if it is non-blocking.
+	var nonblock_pass = function(notice, e, e_name){
+		notice.elem.css("display", "none");
+		var element_below = document.elementFromPoint(e.clientX, e.clientY);
+		notice.elem.css("display", "block");
+		var jelement_below = $(element_below);
+		var cursor_style = jelement_below.css("cursor");
+		notice.elem.css("cursor", cursor_style !== "auto" ? cursor_style : "default");
+		// If the element changed, call mouseenter, mouseleave, etc.
+		if (!nonblock_last_elem || nonblock_last_elem.get(0) != element_below) {
+			if (nonblock_last_elem) {
+				dom_event.call(nonblock_last_elem.get(0), "mouseleave", e.originalEvent);
+				dom_event.call(nonblock_last_elem.get(0), "mouseout", e.originalEvent);
+			}
+			dom_event.call(element_below, "mouseenter", e.originalEvent);
+			dom_event.call(element_below, "mouseover", e.originalEvent);
+		}
+		dom_event.call(element_below, e_name, e.originalEvent);
+		// Remember the latest element the mouse was over.
+		nonblock_last_elem = jelement_below;
+	};
+
+
+	PNotify.prototype.options.nonblock = {
+		// Create a non-blocking notice. It lets the user click elements underneath it.
+		nonblock: false,
+		// The opacity of the notice (if it's non-blocking) when the mouse is over it.
+		nonblock_opacity: .2
+	};
+	PNotify.prototype.modules.nonblock = {
+		// This lets us update the options available in the closures.
+		myOptions: null,
+
+		init: function(notice, options){
+			var that = this;
+			this.myOptions = options;
+			notice.elem.on({
+				"mouseenter": function(e){
+					if (that.myOptions.nonblock) e.stopPropagation();
+					if (that.myOptions.nonblock) {
+						// If it's non-blocking, animate to the other opacity.
+						notice.elem.stop().animate({"opacity": that.myOptions.nonblock_opacity}, "fast");
+					}
+				},
+				"mouseleave": function(e){
+					if (that.myOptions.nonblock) e.stopPropagation();
+					nonblock_last_elem = null;
+					notice.elem.css("cursor", "auto");
+					// Animate back to the normal opacity.
+					if (that.myOptions.nonblock && notice.animating !== "out")
+						notice.elem.stop().animate({"opacity": notice.options.opacity}, "fast");
+				},
+				"mouseover": function(e){
+					if (that.myOptions.nonblock) e.stopPropagation();
+				},
+				"mouseout": function(e){
+					if (that.myOptions.nonblock) e.stopPropagation();
+				},
+				"mousemove": function(e){
+					if (that.myOptions.nonblock) {
+						e.stopPropagation();
+						nonblock_pass(notice, e, "onmousemove");
+					}
+				},
+				"mousedown": function(e){
+					if (that.myOptions.nonblock) {
+						e.stopPropagation();
+						e.preventDefault();
+						nonblock_pass(notice, e, "onmousedown");
+					}
+				},
+				"mouseup": function(e){
+					if (that.myOptions.nonblock) {
+						e.stopPropagation();
+						e.preventDefault();
+						nonblock_pass(notice, e, "onmouseup");
+					}
+				},
+				"click": function(e){
+					if (that.myOptions.nonblock) {
+						e.stopPropagation();
+						nonblock_pass(notice, e, "onclick");
+					}
+				},
+				"dblclick": function(e){
+					if (that.myOptions.nonblock) {
+						e.stopPropagation();
+						nonblock_pass(notice, e, "ondblclick");
+					}
+				}
+			});
+		},
+		update: function(notice, options){
+			this.myOptions = options;
+		}
+	};
+}));