Commit

7 files changed, 551 insertions, 0 deletions

diff --git a/static/gritter/css/jquery.gritter.css b/static/gritter/css/jquery.gritter.css
new file mode 100755
index 0000000..0d23e04
--- /dev/null
+++ b/static/gritter/css/jquery.gritter.css
@@ -0,0 +1,131 @@
+/* ie6 trash */
+* html #gritter-notice-wrapper {
+	position:absolute; 
+}
+* html .gritter-top {
+	margin-bottom:-10px;
+}
+* html .gritter-item {
+	padding-bottom:0;
+}
+* html .gritter-bottom {
+	margin-bottom:0;
+}
+* html .gritter-close {
+	background:url(../images/gritter-close-ie6.gif);
+	width:22px;
+	height:22px;
+	top:7px;
+
+	right:7px;
+}
+
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:70px;
+	right:20px;
+	width:301px;
+
+
+	z-index:9999;
+}
+#gritter-notice-wrapper img{
+    max-width:250px;
+    width: expression(this.width > 250 ? 250: true);
+    max-height:240px;
+    height: expression(this.width > 240 ? 240: true)
+    right:5px;
+
+
+float:right;
+
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 5px 0;
+
+	background:url('.'); /* ie7/8 fix */ 
+}
+.gritter-top {
+	background:url(../images/gritter.png0) no-repeat left -30px;
+	height:10px;
+}
+.hover .gritter-top {
+	background-position:right -30px;
+}
+.gritter-bottom {
+	background:url(../images/gritter.png0) no-repeat left bottom;
+	height:0px;
+	margin:0;
+}
+.hover .gritter-bottom {
+	background-position: bottom right;
+}
+.gritter-item {
+	display:block;
+	background:url(../images/gritter.png0) no-repeat left -40px;
+background-color:#eee;
+	color:#ccc;
+	height:auto;
+	padding:7px 15px 11px 11px;
+	font-size: 11px;
+height:auto;
+	font-family:verdana;
+	border-top-left-radius:5px;
+	border-top-right-radius:5px;
+	-webkit-border-top-left-radius:5px;
+	-webkit-border-top-right-radius:5px;
+	-moz-border-radius-topleft:5px;
+	-moz-border-radius-topright:5px;
+	border-bottom-left-radius:5px;
+	border-bottom-right-radius:5px;
+	-webkit-border-bottom-left-radius:5px;
+	-webkit-border-bottom-right-radius:5px;
+	-moz-border-radius-bottomleft:5px;
+	-moz-border-radius-bottomright:5px;
+		box-shadow: 5px 7px 10px #c8cbce;
+-webkit-box-shadow: 5px 7px 10px #c8cbce;
+-moz-box-shadow: 5px 7px 10px #c8cbce;
+border:0px solid #999;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+
+	margin:0;
+right:0;
+
+}
+.gritter-close {
+	position:absolute;
+	top:5px;
+	right:3px;
+	background:url(../images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+
+
+	display:block;
+	text-shadow:-1px -1px #eee; /* Not supported by IE :( */
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:right;
+right:0px;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0 0 5px 0;
+}
+.gritter-with-image {
+	width:250px;
+	float:right;
+}
diff --git a/static/gritter/images/gritter-close-ie6.gif b/static/gritter/images/gritter-close-ie6.gif
new file mode 100755
index 0000000..aea6e42
--- /dev/null
+++ b/static/gritter/images/gritter-close-ie6.gif
diff --git a/static/gritter/images/gritter-long.png b/static/gritter/images/gritter-long.png
new file mode 100755
index 0000000..578b891
--- /dev/null
+++ b/static/gritter/images/gritter-long.png
diff --git a/static/gritter/images/gritter.png b/static/gritter/images/gritter.png
new file mode 100755
index 0000000..0ca3bc0
--- /dev/null
+++ b/static/gritter/images/gritter.png
diff --git a/static/gritter/images/trees.jpg b/static/gritter/images/trees.jpg
new file mode 100755
index 0000000..00b2d5d
--- /dev/null
+++ b/static/gritter/images/trees.jpg
diff --git a/static/gritter/js/jquery.gritter.js b/static/gritter/js/jquery.gritter.js
new file mode 100755
index 0000000..60305ba
--- /dev/null
+++ b/static/gritter/js/jquery.gritter.js
@@ -0,0 +1,401 @@
+/*

+ * Gritter for jQuery

+ * http://www.boedesign.com/

+ *

+ * Copyright (c) 2009 Jordan Boesch

+ * Dual licensed under the MIT and GPL licenses.

+ *

+ * Date: December 1, 2009

+ * Version: 1.6

+ */

+

+(function($){

+ 	

+	/**

+	* Set it up as an object under the jQuery namespace

+	*/

+	$.gritter = {};

+	

+	/**

+	* Set up global options that the user can over-ride

+	*/

+	$.gritter.options = {

+		fade_in_speed: 'medium', // how fast notifications fade in

+		fade_out_speed: 1000, // how fast the notices fade out

+		time: 2500 // hang on the screen for...

+	}

+	

+	/**

+	* Add a gritter notification to the screen

+	* @see Gritter#add();

+	*/

+	$.gritter.add = function(params){

+

+		try {

+			return Gritter.add(params || {});

+		} catch(e) {

+		

+			var err = 'Gritter Error: ' + e;

+			(typeof(console) != 'undefined' && console.error) ? 

+				console.error(err, params) : 

+				alert(err);

+				

+		}

+		

+	}

+	

+	/**

+	* Remove a gritter notification from the screen

+	* @see Gritter#removeSpecific();

+	*/

+	$.gritter.remove = function(id, params){

+		Gritter.removeSpecific(id, params || {});

+	}

+	

+	/**

+	* Remove all notifications

+	* @see Gritter#stop();

+	*/

+	$.gritter.removeAll = function(params){

+		Gritter.stop(params || {});

+	}

+	

+	/**

+	* Big fat Gritter object

+	* @constructor (not really since it's object literal)

+	*/

+	var Gritter = {

+	    

+		// Public - options to over-ride with $.gritter.options in "add"

+		fade_in_speed: '',

+		fade_out_speed: '',

+		time: '',

+	    

+		// Private - no touchy the private parts

+		_custom_timer: 0,

+		_item_count: 0,

+		_is_setup: 0,

+		_tpl_close: '<div class="gritter-close"></div>',

+		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[image]]<div class="[[class_name]]"><span class="gritter-title">[[username]]</span><p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',

+		_tpl_wrap: '<div id="gritter-notice-wrapper"></div>',

+	    

+		/**

+		* Add a gritter notification to the screen

+		* @param {Object} params The object that contains all the options for drawing the notification

+		* @return {Integer} The specific numeric id to that gritter notification

+		*/

+		add: function(params){

+	        

+			// We might have some issues if we don't have a title or text!

+			if(!params.title || !params.text){

+				throw 'You need to fill out the first 2 params: "title" and "text"'; 

+			}

+			

+			// Check the options and set them once

+			if(!this._is_setup){

+				this._runSetup();

+			}

+	        

+			// Basics

+			var user = params.title, 

+				text = params.text,

+				image = params.image || '',

+				sticky = params.sticky || false,

+				item_class = params.class_name || '',

+				time_alive = params.time || '';

+			

+			this._verifyWrapper();

+			

+			this._item_count++;

+			var number = this._item_count, 

+				tmp = this._tpl_item;

+			

+			// Assign callbacks

+			$(['before_open', 'after_open', 'before_close', 'after_close']).each(function(i, val){

+				Gritter['_' + val + '_' + number] = ($.isFunction(params[val])) ? params[val] : function(){}

+			});

+

+			// Reset

+			this._custom_timer = 0;

+			

+			// A custom fade time set

+			if(time_alive){

+				this._custom_timer = time_alive;

+			}

+			

+			var image_str = (image != '') ? '<img src="' + image + '" class="gritter-image" />' : '',

+				class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';

+			

+			// String replacements on the template

+			tmp = this._str_replace(

+				['[[username]]', '[[text]]', '[[image]]', '[[number]]', '[[class_name]]', '[[item_class]]'],

+				[user, text, image_str, this._item_count, class_name, item_class], tmp

+			);

+	        

+			this['_before_open_' + number]();

+			$('#gritter-notice-wrapper').append(tmp);

+			

+			var item = $('#gritter-item-' + this._item_count);

+			

+			item.fadeIn(this.fade_in_speed, function(){

+				Gritter['_after_open_' + number]($(this));

+			});

+	        

+			if(!sticky){

+				this._setFadeTimer(item, number);

+			}

+			

+			// Bind the hover/unhover states

+			$(item).bind('mouseenter mouseleave', function(event){

+				if(event.type == 'mouseenter'){

+					if(!sticky){ 

+						Gritter._restoreItemIfFading($(this), number);

+					}

+				}

+				else {

+					if(!sticky){

+						Gritter._setFadeTimer($(this), number);

+					}

+				}

+				Gritter._hoverState($(this), event.type);

+			});

+			

+			return number;

+	    

+		},

+		

+		/**

+		* If we don't have any more gritter notifications, get rid of the wrapper using this check

+		* @private

+		* @param {Integer} unique_id The ID of the element that was just deleted, use it for a callback

+		* @param {Object} e The jQuery element that we're going to perform the remove() action on

+		*/

+		_countRemoveWrapper: function(unique_id, e){

+		    

+			// Remove it then run the callback function

+			e.remove();

+			this['_after_close_' + unique_id](e);

+			

+			// Check if the wrapper is empty, if it is.. remove the wrapper

+			if($('.gritter-item-wrapper').length == 0){

+				$('#gritter-notice-wrapper').remove();

+			}

+		

+		},

+		

+		/**

+		* Fade out an element after it's been on the screen for x amount of time

+		* @private

+		* @param {Object} e The jQuery element to get rid of

+		* @param {Integer} unique_id The id of the element to remove

+		* @param {Object} params An optional list of params to set fade speeds etc.

+		* @param {Boolean} unbind_events Unbind the mouseenter/mouseleave events if they click (X)

+		*/

+		_fade: function(e, unique_id, params, unbind_events){

+			

+			var params = params || {},

+				fade = (typeof(params.fade) != 'undefined') ? params.fade : true;

+				fade_out_speed = params.speed || this.fade_out_speed;

+			

+			this['_before_close_' + unique_id](e);

+			

+			// If this is true, then we are coming from clicking the (X)

+			if(unbind_events){

+				e.unbind('mouseenter mouseleave');

+			}

+			

+			// Fade it out or remove it

+			if(fade){

+			

+				e.animate({

+					opacity: 0

+				}, fade_out_speed, function(){

+					e.animate({ height: 0 }, 300, function(){

+						Gritter._countRemoveWrapper(unique_id, e);

+					})

+				})

+				

+			}

+			else {

+				

+				this._countRemoveWrapper(unique_id, e);

+				

+			}

+					    

+		},

+		

+		/**

+		* Perform actions based on the type of bind (mouseenter, mouseleave) 

+		* @private

+		* @param {Object} e The jQuery element

+		* @param {String} type The type of action we're performing: mouseenter or mouseleave

+		*/

+		_hoverState: function(e, type){

+			

+			// Change the border styles and add the (X) close button when you hover

+			if(type == 'mouseenter'){

+		    	

+				e.addClass('hover');

+				var find_img = e.find('img');

+		    	

+				// Insert the close button before what element

+				(find_img.length) ? 

+					find_img.before(this._tpl_close) : 

+					e.find('span').before(this._tpl_close);

+				

+				// Clicking (X) makes the perdy thing close

+				e.find('.gritter-close').click(function(){

+				

+					var unique_id = e.attr('id').split('-')[2];

+					Gritter.removeSpecific(unique_id, {}, e, true);

+					

+				});

+			

+			}

+			// Remove the border styles and (X) close button when you mouse out

+			else {

+				

+				e.removeClass('hover');

+				e.find('.gritter-close').remove();

+				

+			}

+		    

+		},

+		

+		/**

+		* Remove a specific notification based on an ID

+		* @param {Integer} unique_id The ID used to delete a specific notification

+		* @param {Object} params A set of options passed in to determine how to get rid of it

+		* @param {Object} e The jQuery element that we're "fading" then removing

+		* @param {Boolean} unbind_events If we clicked on the (X) we set this to true to unbind mouseenter/mouseleave

+		*/

+		removeSpecific: function(unique_id, params, e, unbind_events){

+			

+			if(!e){

+				var e = $('#gritter-item-' + unique_id);

+			}

+			

+			// We set the fourth param to let the _fade function know to 

+			// unbind the "mouseleave" event.  Once you click (X) there's no going back!

+			this._fade(e, unique_id, params || {}, unbind_events);

+			

+		},

+		

+		/**

+		* If the item is fading out and we hover over it, restore it!

+		* @private

+		* @param {Object} e The HTML element to remove

+		* @param {Integer} unique_id The ID of the element

+		*/

+		_restoreItemIfFading: function(e, unique_id){

+			

+			clearTimeout(this['_int_id_' + unique_id]);

+			e.stop().css({ opacity: '' });

+		    

+		},

+		

+		/**

+		* Setup the global options - only once

+		* @private

+		*/

+		_runSetup: function(){

+		

+			for(opt in $.gritter.options){

+				this[opt] = $.gritter.options[opt];

+			}

+			this._is_setup = 1;

+		    

+		},

+		

+		/**

+		* Set the notification to fade out after a certain amount of time

+		* @private

+		* @param {Object} item The HTML element we're dealing with

+		* @param {Integer} unique_id The ID of the element

+		*/

+		_setFadeTimer: function(e, unique_id){

+			

+			var timer_str = (this._custom_timer) ? this._custom_timer : this.time;

+			this['_int_id_' + unique_id] = setTimeout(function(){ 

+				Gritter._fade(e, unique_id); 

+			}, timer_str);

+		

+		},

+		

+		/**

+		* Bring everything to a halt

+		* @param {Object} params A list of callback functions to pass when all notifications are removed

+		*/  

+		stop: function(params){

+			

+			// callbacks (if passed)

+			var before_close = ($.isFunction(params.before_close)) ? params.before_close : function(){};

+			var after_close = ($.isFunction(params.after_close)) ? params.after_close : function(){};

+			

+			var wrap = $('#gritter-notice-wrapper');

+			before_close(wrap);

+			wrap.fadeOut(function(){

+				$(this).remove();

+				after_close();

+			});

+		

+		},

+		

+		/**

+		* An extremely handy PHP function ported to JS, works well for templating

+		* @private

+		* @param {String/Array} search A list of things to search for

+		* @param {String/Array} replace A list of things to replace the searches with

+		* @return {String} sa The output

+		*/  

+		_str_replace: function(search, replace, subject, count){

+		

+			var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,

+				f = [].concat(search),

+				r = [].concat(replace),

+				s = subject,

+				ra = r instanceof Array, sa = s instanceof Array;

+			s = [].concat(s);

+			

+			if(count){

+				this.window[count] = 0;

+			}

+		

+			for(i = 0, sl = s.length; i < sl; i++){

+				

+				if(s[i] === ''){

+					continue;

+				}

+				

+		        for (j = 0, fl = f.length; j < fl; j++){

+					

+					temp = s[i] + '';

+					repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];

+					s[i] = (temp).split(f[j]).join(repl);

+					

+					if(count && s[i] !== temp){

+						this.window[count] += (temp.length-s[i].length) / f[j].length;

+					}

+					

+				}

+			}

+			

+			return sa ? s : s[0];

+		    

+		},

+		

+		/**

+		* A check to make sure we have something to wrap our notices with

+		* @private

+		*/  

+		_verifyWrapper: function(){

+		  

+			if($('#gritter-notice-wrapper').length == 0){

+				$('body').append(this._tpl_wrap);

+			}

+		

+		}

+	    

+	}

+	

+})(jQuery);

diff --git a/static/gritter/js/jquery.gritter.min.js b/static/gritter/js/jquery.gritter.min.js
new file mode 100755
index 0000000..76a307a
--- /dev/null
+++ b/static/gritter/js/jquery.gritter.min.js
@@ -0,0 +1,19 @@
+(function($){$.gritter={};$.gritter.options={fade_in_speed:'medium',fade_out_speed:1000,time:6000}
+$.gritter.add=function(params){try{return Gritter.add(params||{});}catch(e){var err='Gritter Error: '+e;(typeof(console)!='undefined'&&console.error)?console.error(err,params):alert(err);}}
+$.gritter.remove=function(id,params){Gritter.removeSpecific(id,params||{});}
+$.gritter.removeAll=function(params){Gritter.stop(params||{});}
+var Gritter={fade_in_speed:'',fade_out_speed:'',time:'',_custom_timer:0,_item_count:0,_is_setup:0,_tpl_close:'<div class="gritter-close"></div>',_tpl_item:'<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[image]]<div class="[[class_name]]"><span class="gritter-title">[[username]]</span><p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',_tpl_wrap:'<div id="gritter-notice-wrapper"></div>',add:function(params){if(!params.title||!params.text){throw'You need to fill out the first 2 params: "title" and "text"';}
+if(!this._is_setup){this._runSetup();}
+var user=params.title,text=params.text,image=params.image||'',sticky=params.sticky||false,item_class=params.class_name||'',time_alive=params.time||'';this._verifyWrapper();this._item_count++;var number=this._item_count,tmp=this._tpl_item;$(['before_open','after_open','before_close','after_close']).each(function(i,val){Gritter['_'+val+'_'+number]=($.isFunction(params[val]))?params[val]:function(){}});this._custom_timer=0;if(time_alive){this._custom_timer=time_alive;}
+var image_str=(image!='')?'<img src="'+image+'" class="gritter-image" />':'',class_name=(image!='')?'gritter-with-image':'gritter-without-image';tmp=this._str_replace(['[[username]]','[[text]]','[[image]]','[[number]]','[[class_name]]','[[item_class]]'],[user,text,image_str,this._item_count,class_name,item_class],tmp);this['_before_open_'+number]();$('#gritter-notice-wrapper').append(tmp);var item=$('#gritter-item-'+this._item_count);item.fadeIn(this.fade_in_speed,function(){Gritter['_after_open_'+number]($(this));});if(!sticky){this._setFadeTimer(item,number);}
+$(item).bind('mouseenter mouseleave',function(event){if(event.type=='mouseenter'){if(!sticky){Gritter._restoreItemIfFading($(this),number);}}
+else{if(!sticky){Gritter._setFadeTimer($(this),number);}}
+Gritter._hoverState($(this),event.type);});return number;},_countRemoveWrapper:function(unique_id,e){e.remove();this['_after_close_'+unique_id](e);if($('.gritter-item-wrapper').length==0){$('#gritter-notice-wrapper').remove();}},_fade:function(e,unique_id,params,unbind_events){var params=params||{},fade=(typeof(params.fade)!='undefined')?params.fade:true;fade_out_speed=params.speed||this.fade_out_speed;this['_before_close_'+unique_id](e);if(unbind_events){e.unbind('mouseenter mouseleave');}
+if(fade){e.animate({opacity:0},fade_out_speed,function(){e.animate({height:0},300,function(){Gritter._countRemoveWrapper(unique_id,e);})})}
+else{this._countRemoveWrapper(unique_id,e);}},_hoverState:function(e,type){if(type=='mouseenter'){e.addClass('hover');var find_img=e.find('img');(find_img.length)?find_img.before(this._tpl_close):e.find('span').before(this._tpl_close);e.find('.gritter-close').click(function(){var unique_id=e.attr('id').split('-')[2];Gritter.removeSpecific(unique_id,{},e,true);});}
+else{e.removeClass('hover');e.find('.gritter-close').remove();}},removeSpecific:function(unique_id,params,e,unbind_events){if(!e){var e=$('#gritter-item-'+unique_id);}
+this._fade(e,unique_id,params||{},unbind_events);},_restoreItemIfFading:function(e,unique_id){clearTimeout(this['_int_id_'+unique_id]);e.stop().css({opacity:''});},_runSetup:function(){for(opt in $.gritter.options){this[opt]=$.gritter.options[opt];}
+this._is_setup=1;},_setFadeTimer:function(e,unique_id){var timer_str=(this._custom_timer)?this._custom_timer:this.time;this['_int_id_'+unique_id]=setTimeout(function(){Gritter._fade(e,unique_id);},timer_str);},stop:function(params){var before_close=($.isFunction(params.before_close))?params.before_close:function(){};var after_close=($.isFunction(params.after_close))?params.after_close:function(){};var wrap=$('#gritter-notice-wrapper');before_close(wrap);wrap.fadeOut(function(){$(this).remove();after_close();});},_str_replace:function(search,replace,subject,count){var i=0,j=0,temp='',repl='',sl=0,fl=0,f=[].concat(search),r=[].concat(replace),s=subject,ra=r instanceof Array,sa=s instanceof Array;s=[].concat(s);if(count){this.window[count]=0;}
+for(i=0,sl=s.length;i<sl;i++){if(s[i]===''){continue;}
+for(j=0,fl=f.length;j<fl;j++){temp=s[i]+'';repl=ra?(r[j]!==undefined?r[j]:''):r[0];s[i]=(temp).split(f[j]).join(repl);if(count&&s[i]!==temp){this.window[count]+=(temp.length-s[i].length)/f[j].length;}}}
+return sa?s:s[0];},_verifyWrapper:function(){if($('#gritter-notice-wrapper').length==0){$('body').append(this._tpl_wrap);}}}})(jQuery);
\ No newline at end of file