Migration SVN

web/javascript/jquery/external_plugins/gritter.js

@@ -0,0 +1,268 @@
+/*
+ * Gritter for jQuery
+ * http://www.boedesign.com/
+ *
+ * Copyright (c) 2009 Jordan Boesch
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Date: June 26, 2009
+ * Version: 1.0
+ */
+
+jQuery(document).ready(function($){
+ 	
+ 	/********************************************
+	 * First, we'll define our object
+	 */
+ 	
+	Gritter = {
+	    
+	    // PUBLIC - touch all you want
+		fade_speed: 2000, // how fast the notices fade out
+	    timer_stay: 6000, // how long you want the message to hang on screen for
+	    
+	    // PRIVATE - no touchy the private parts
+		_custom_timer: 0,
+	    _item_count: 0,
+		_tpl_close: '<div class="gritter-close"></div>',
+		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper" 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 notification to the screen
+	    add: function(user, text, image, sticky, time_alive){
+	        
+	        // This is also called from init, we just added it here because
+	        // some people might just call the "add" method
+	        this.verifyWrapper();
+	        
+	        var tmp = this._tpl_item;
+	        this._item_count++;
+			
+			// 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" />' : '';
+			var class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';
+			
+	        tmp = this.str_replace(
+	            ['[[username]]', '[[text]]', '[[image]]', '[[number]]', '[[class_name]]'],
+	            [user, text, image_str, this._item_count, class_name], tmp
+	        );
+	        
+	        $('#gritter-notice-wrapper').append(tmp);
+	        var item = $('#gritter-item-' + this._item_count);
+	        var number = this._item_count;
+	        item.fadeIn();
+	        
+			if(!sticky){
+				this.setFadeTimer(item, number);
+			}
+			
+			$(item).hover(function(){
+				if(!sticky){ 
+					Gritter.restoreItemIfFading(this, number);
+				}
+				Gritter.hoveringItem(this);
+			},
+			function(){
+				if(!sticky){
+					Gritter.setFadeTimer(this, number);
+				}
+				Gritter.unhoveringItem(this);
+			});
+			
+			return number;
+	    
+	    },
+		
+		// If we don't have any more gritter notifications, get rid of the wrapper
+	    countRemoveWrapper: function(){
+	        
+	        if($('.gritter-item-wrapper').length == 0){
+	            $('#gritter-notice-wrapper').remove();
+	        }
+	    
+	    },
+		
+		// Fade the item and slide it up nicely... once its completely faded, remove it
+	    fade: function(e){
+	
+	        $(e).animate({
+	            opacity:0
+	        }, Gritter.fade_speed, function(){
+	            $(e).animate({ height: 0 }, 300, function(){
+	                $(e).remove();
+	                Gritter.countRemoveWrapper();
+	            })
+	        })
+	        
+	    },
+		
+		 // Change the border styles and add the (X) close button when you hover
+	    hoveringItem: function(e){
+	    	
+	    	$(e).addClass('hover');
+	    	
+			if($(e).find('img').length){
+				$(e).find('img').before(this._tpl_close);
+			}
+			else {
+				$(e).find('span').before(this._tpl_close);
+			}
+			$(e).find('.gritter-close').click(function(){
+				Gritter.remove(this);
+			});
+	        
+	    },
+	    
+	    // Remove a notification, this is called from the inline "onclick" event
+	    remove: function(e){
+	        
+	        $(e).parents('.gritter-item-wrapper').fadeOut('medium', function(){ $(this).remove();  });
+	        this.countRemoveWrapper();
+	        
+	    },
+		
+		// Remove a specific notification based on an id (int)
+		removeSpecific: function(id, params){
+			
+			var e = $('#gritter-item-' + id);
+			
+			if(typeof(params) === 'object'){
+				if(params.fade){
+					var speed = this.fade_speed;
+					if(params.speed){
+						speed = params.speed;
+					}
+					e.fadeOut(speed);
+				}
+			}
+			else {
+				e.remove();
+			}
+			
+			this.countRemoveWrapper();
+			
+		},
+		
+		 // If the item is fading out and we hover over it, restore it!
+	    restoreItemIfFading: function(e, number){
+			
+	        eval("window.clearTimeout(Gritter._int_id_" + number + ")");
+	        $(e).stop().css({ opacity: 1 });
+	        
+	    },
+	    
+	    // Set the notification to fade out after a certain amount of time
+	    setFadeTimer: function(item, number){
+			
+			var timer_str = (this._custom_timer) ? this._custom_timer : this.timer_stay;
+	        eval("Gritter._int_id_" + number + " = window.setTimeout(function(){ Gritter.fade(item); }, timer_str)");
+	
+	    },
+		
+		// Bring everything to a halt!    
+		stop: function(){
+	
+			$('#gritter-notice-wrapper').fadeOut(function(){
+				$(this).remove();
+			});
+	
+		},
+		
+		// A handy PHP function ported to js!
+	    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];
+	        
+	    },
+	    
+	    // Remove the border styles and (X) close button when you mouse out
+	    unhoveringItem: function(e){
+	        
+	        $(e).removeClass('hover');
+	        $(e).find('.gritter-close').remove();
+	        
+	    },
+		
+		// Make sure we have something to wrap our notices with
+		verifyWrapper: function(){
+	      
+			if($('#gritter-notice-wrapper').length == 0){
+				$('body').append(this._tpl_wrap);
+			}
+	 
+		}
+	    
+	}
+	
+	/********************************************
+	 * Now lets turn it into some jQuery Magic!
+	 */
+	
+	// Set it up as an object
+	$.gritter = {};
+	
+	// Add a gritter notification
+	$.gritter.add = function(params){
+
+		try {
+			if(!params.title || !params.text){
+				throw "Missing_Fields"; 
+			}
+		} catch(e) {
+			if(e == "Missing_Fields"){
+				alert('Gritter Error: You need to fill out the first 2 params: "title" and "text"');
+			}
+		}
+		
+		var id = Gritter.add(
+			params.title,
+			params.text,
+			params.image || '',
+			params.sticky || false,
+			params.time || ''
+		);
+		
+		return id;
+
+	}
+	
+	// Remove a specific notification
+	$.gritter.remove = function(id, params){
+		Gritter.removeSpecific(id, params || '');
+	}
+	
+	// Remove all gritter notifications
+	$.gritter.removeAll = function(){
+		Gritter.stop();
+	}
+	
+});

web/javascript/jquery/external_plugins/tipsy.js

@@ -0,0 +1,59 @@
+(function($) {
+    $.fn.tipsy = function(opts) {
+
+        opts = $.extend({fade: false, gravity: 'n'}, opts || {});
+        var tip = null, cancelHide = false;
+
+        this.hover(function() {
+          $.data(this, 'cancel.tipsy', true);
+
+            var tip = $.data(this, 'active.tipsy');
+            if (!tip) {
+                tip = $('<div class="tipsy"><div class="tipsy-inner">' + $(this).attr('title') + '</div></div>');
+                tip.css({position: 'absolute', zIndex: 100000});
+                $(this).attr('title', '');
+                $.data(this, 'active.tipsy', tip);
+            }
+            
+            var pos = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight});
+            tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
+            var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight;
+            
+            switch (opts.gravity.charAt(0)) {
+                case 'n':
+                    tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north');
+                    break;
+                case 's':
+                    tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south');
+                    break;
+                case 'e':
+                    tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east');
+                    break;
+                case 'w':
+                    tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west');
+                    break;
+            }
+
+            if (opts.fade) {
+                tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 1});
+            } else {
+                tip.css({visibility: 'visible'});
+            }
+
+        }, function() {
+            $.data(this, 'cancel.tipsy', false);
+            var self = this;
+            setTimeout(function() {
+                if ($.data(this, 'cancel.tipsy')) return;
+                var tip = $.data(self, 'active.tipsy');
+                if (opts.fade) {
+                    tip.stop().fadeOut(function() { $(this).remove(); });
+                } else {
+                    tip.remove();
+                }
+            }, 100);
+            
+        });
+
+    };
+})(jQuery);