Standardizing views.`

git-svn-id: http://code.elgg.org/elgg/trunk@3555 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 113 insertions, 128 deletions

diff --git a/views/default/js/initialise_elgg.php b/views/default/js/initialise_elgg.php
index e63cd70ef..fbe46824e 100644
--- a/views/default/js/initialise_elgg.php
+++ b/views/default/js/initialise_elgg.php
@@ -3,19 +3,19 @@ $(document).ready(function () {
 	// COLLAPSABLE WIDGETS (on Dashboard & Profile pages)
 	// toggle widget box contents
 	$('a.toggle_box_contents').bind('click', toggleContent);
-	
+
 	// toggle widget box edit panel
 	$('a.toggle_box_edit_panel').click(function () {
 		$(this.parentNode.parentNode).children(".collapsable_box_editpanel").slideToggle("fast");
 		return false;
 	});
-	
+
 	// toggle customise edit panel
 	$('a.toggle_customise_edit_panel').click(function () {
 		$('div#customise_editpanel').slideToggle("fast");
 		return false;
-	}); 
-	
+	});
+
 	// toggle plugin's settings nad more info on admin tools admin
 	$('a.pluginsettings_link').click(function () {
 		$(this.parentNode.parentNode).children(".pluginsettings").slideToggle("fast");
@@ -30,12 +30,12 @@ $(document).ready(function () {
 		$(this.parentNode.parentNode).children(".collapsible_box").slideToggle("fast");
 		return false;
 	});
-	
+
 	// WIDGET GALLERY EDIT PANEL
 	// Sortable widgets
 	var els = ['#leftcolumn_widgets', '#middlecolumn_widgets', '#rightcolumn_widgets', '#widget_picker_gallery' ];
 	var $els = $(els.toString());
-	
+
 	$els.sortable({
 		items: '.draggable_widget',
 		handle: '.drag_handle',
@@ -47,25 +47,25 @@ $(document).ready(function () {
 		appendTo: 'body',
 		connectWith: els,
 		start:function(e,ui) {
-	
+
 		},
-		stop: function(e,ui) {	
-			// refresh list before updating hidden fields with new widget order		
+		stop: function(e,ui) {
+			// refresh list before updating hidden fields with new widget order
 			$(this).sortable( "refresh" );
-			
+
 			var widgetNamesLeft = outputWidgetList('#leftcolumn_widgets');
 			var widgetNamesMiddle = outputWidgetList('#middlecolumn_widgets');
 			var widgetNamesRight = outputWidgetList('#rightcolumn_widgets');
-			
+
 			document.getElementById('debugField1').value = widgetNamesLeft;
 			document.getElementById('debugField2').value = widgetNamesMiddle;
 			document.getElementById('debugField3').value = widgetNamesRight;
 		}
 	});
-	
+
 	// bind more info buttons - called when new widgets are created
 	widget_moreinfo();
-	
+
 	// set-up hover class for dragged widgets
 	$("#rightcolumn_widgets").droppable({
 		accept: ".draggable_widget",
@@ -85,7 +85,7 @@ $(document).ready(function () {
 
 // List active widgets for each page column
 function outputWidgetList(forElement) {
-	return( $("input[name='handler'], input[name='guid']", forElement ).makeDelimitedList("value") );	
+	return( $("input[name='handler'], input[name='guid']", forElement ).makeDelimitedList("value") );
 }
 
 // Make delimited list
@@ -93,7 +93,7 @@ jQuery.fn.makeDelimitedList = function(elementAttribute) {
 
 	var delimitedListArray = new Array();
 	var listDelimiter = "::";
-	
+
 	// Loop over each element in the stack and add the elementAttribute to the array
 	this.each(function(e) {
 			var listElement = $(this);
@@ -101,7 +101,7 @@ jQuery.fn.makeDelimitedList = function(elementAttribute) {
 			delimitedListArray[delimitedListArray.length] = listElement.attr(elementAttribute);
 		}
 	);
-	
+
 	// Return value list by joining the array
 	return(delimitedListArray.join(listDelimiter));
 }
@@ -117,7 +117,7 @@ function widget_state(forWidget) {
 		$(forWidget).find("div.collapsable_box_content").hide();
 		$(forWidget).find("a.toggle_box_contents").html('+');
 		$(forWidget).find("a.toggle_box_edit_panel").fadeOut('medium');
-	};	
+	};
 }
 
 
@@ -128,21 +128,21 @@ var targetContent = $('div.collapsable_box_content', this.parentNode.parentNode)
 		targetContent.slideDown(400);
 		$(this).html('-');
 		$(this.parentNode).children(".toggle_box_edit_panel").fadeIn('medium');
-		
+
 		// set cookie for widget panel open-state
 		var thisWidgetName = $(this.parentNode.parentNode.parentNode).attr('id');
 		$.cookie(thisWidgetName, 'expanded', { expires: 365 });
-		
+
 	} else {
 		targetContent.slideUp(400);
 		$(this).html('+');
 		$(this.parentNode).children(".toggle_box_edit_panel").fadeOut('medium');
 		// make sure edit pane is closed
 		$(this.parentNode.parentNode).children(".collapsable_box_editpanel").hide();
-		
+
 		// set cookie for widget panel closed-state
 		var thisWidgetName = $(this.parentNode.parentNode.parentNode).attr('id');
-		$.cookie(thisWidgetName, 'collapsed', { expires: 365 });			
+		$.cookie(thisWidgetName, 'collapsed', { expires: 365 });
 	}
 	return false;
 };
@@ -150,147 +150,132 @@ var targetContent = $('div.collapsable_box_content', this.parentNode.parentNode)
 // More info tooltip in widget gallery edit panel
 function widget_moreinfo() {
 
-	$("img.more_info").hover(function(e) {										  
+	$("img.more_info").hover(function(e) {
 	var widgetdescription = $("input[name='description']", this.parentNode.parentNode.parentNode ).attr('value');
 	$("body").append("<p id='widget_moreinfo'><b>"+ widgetdescription +" </b></p>");
-	
+
 		if (e.pageX < 900) {
 			$("#widget_moreinfo")
 				.css("top",(e.pageY + 10) + "px")
 				.css("left",(e.pageX + 10) + "px")
-				.fadeIn("medium");	
-		}	
+				.fadeIn("medium");
+		}
 		else {
 			$("#widget_moreinfo")
 				.css("top",(e.pageY + 10) + "px")
 				.css("left",(e.pageX - 210) + "px")
-				.fadeIn("medium");		
-		}			
+				.fadeIn("medium");
+		}
 	},
 	function() {
 		$("#widget_moreinfo").remove();
-	});	
-	
+	});
+
 	$("img.more_info").mousemove(function(e) {
 		// action on mousemove
-	});	
+	});
 };
 
 // COOKIES
 jQuery.cookie = function(name, value, options) {
 	if (typeof value != 'undefined') { // name and value given, set cookie
-    options = options || {};
-	    if (value === null) {
-	        value = '';
-	        options.expires = -1;
-	    }
-    var expires = '';
-    if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
-        var date;
-        if (typeof options.expires == 'number') {
-            date = new Date();
-            date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
-        } else {
-            date = options.expires;
-        }
-        expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
-    }
-    // CAUTION: Needed to parenthesize options.path and options.domain
-    // in the following expressions, otherwise they evaluate to undefined
-    // in the packed version for some reason.
-    var path = options.path ? '; path=' + (options.path) : '';
-    var domain = options.domain ? '; domain=' + (options.domain) : '';
-    var secure = options.secure ? '; secure' : '';
-    document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
-    
+	options = options || {};
+		if (value === null) {
+			value = '';
+			options.expires = -1;
+		}
+	var expires = '';
+	if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+		var date;
+		if (typeof options.expires == 'number') {
+			date = new Date();
+			date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+		} else {
+			date = options.expires;
+		}
+		expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+	}
+	// CAUTION: Needed to parenthesize options.path and options.domain
+	// in the following expressions, otherwise they evaluate to undefined
+	// in the packed version for some reason.
+	var path = options.path ? '; path=' + (options.path) : '';
+	var domain = options.domain ? '; domain=' + (options.domain) : '';
+	var secure = options.secure ? '; secure' : '';
+	document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+
 	} else { // only name given, get cookie
-	    var cookieValue = null;
-	    if (document.cookie && document.cookie != '') {
-	        var cookies = document.cookie.split(';');
-	        for (var i = 0; i < cookies.length; i++) {
-	            var cookie = jQuery.trim(cookies[i]);
-	            // Does this cookie string begin with the name we want?
-	            if (cookie.substring(0, name.length + 1) == (name + '=')) {
-	                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
-	                break;
-	            }
-	        }
-	    }
-	    return cookieValue;
+		var cookieValue = null;
+		if (document.cookie && document.cookie != '') {
+			var cookies = document.cookie.split(';');
+			for (var i = 0; i < cookies.length; i++) {
+				var cookie = jQuery.trim(cookies[i]);
+				// Does this cookie string begin with the name we want?
+				if (cookie.substring(0, name.length + 1) == (name + '=')) {
+					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+					break;
+				}
+			}
+		}
+		return cookieValue;
 	}
 };
 
 // ELGG TOOLBAR MENU
 $.fn.elgg_topbardropdownmenu = function(options) {
-    
-  options = $.extend({speed: 350}, options || {});
-  
-  this.each(function() {
-    
-    var root = this, zIndex = 5000;
-    
-    function getSubnav(ele) {
-      if (ele.nodeName.toLowerCase() == 'li') {
-        var subnav = $('> ul', ele);
-        return subnav.length ? subnav[0] : null;
-      } else {
-	      
-        return ele;
-      }
-    }
-    
-    function getActuator(ele) {
-      if (ele.nodeName.toLowerCase() == 'ul') {
-        return $(ele).parents('li')[0];
-      } else {
-        return ele;
-      }
-    }
-    
-    function hide() {
-      var subnav = getSubnav(this);
-      if (!subnav) return;
-      $.data(subnav, 'cancelHide', false);
-      setTimeout(function() {
-        if (!$.data(subnav, 'cancelHide')) {
-          $(subnav).slideUp(100);
-        }
-      }, 250);
-    }
-  
-    function show() {
-      var subnav = getSubnav(this);
-      if (!subnav) return;
-      $.data(subnav, 'cancelHide', true);
-      $(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
-      if (this.nodeName.toLowerCase() == 'ul') {
-        var li = getActuator(this);
-        $(li).addClass('hover');
-        $('> a', li).addClass('hover');
-      }
-    }
-    
-    $('ul, li', this).hover(show, hide);
-    $('li', this).hover(
-      function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
-      function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
-    );
-    
-  });
-  
-};
-
-
-
-
 
+options = $.extend({speed: 350}, options || {});
 
+this.each(function() {
 
+	var root = this, zIndex = 5000;
 
+	function getSubnav(ele) {
+	  if (ele.nodeName.toLowerCase() == 'li') {
+		var subnav = $('> ul', ele);
+		return subnav.length ? subnav[0] : null;
+	  } else {
 
+		return ele;
+	  }
+	}
 
+	function getActuator(ele) {
+	  if (ele.nodeName.toLowerCase() == 'ul') {
+		return $(ele).parents('li')[0];
+	  } else {
+		return ele;
+	  }
+	}
 
+	function hide() {
+	  var subnav = getSubnav(this);
+	  if (!subnav) return;
+	  $.data(subnav, 'cancelHide', false);
+	  setTimeout(function() {
+		if (!$.data(subnav, 'cancelHide')) {
+		  $(subnav).slideUp(100);
+		}
+	  }, 250);
+	}
 
+	function show() {
+	  var subnav = getSubnav(this);
+	  if (!subnav) return;
+	  $.data(subnav, 'cancelHide', true);
+	  $(subnav).css({zIndex: zIndex++}).slideDown(options.speed);
+	  if (this.nodeName.toLowerCase() == 'ul') {
+		var li = getActuator(this);
+		$(li).addClass('hover');
+		$('> a', li).addClass('hover');
+	  }
+	}
 
+	$('ul, li', this).hover(show, hide);
+	$('li', this).hover(
+	  function() { $(this).addClass('hover'); $('> a', this).addClass('hover'); },
+	  function() { $(this).removeClass('hover'); $('> a', this).removeClass('hover'); }
+	);
 
+});
 
+};