From 441c9e85dcb824dba2a44657a31fa29ad71a4ee1 Mon Sep 17 00:00:00 2001
From: ewinslow <ewinslow@36083f99-b078-4883-b0ff-0f9b5a30f544>
Date: Tue, 2 Nov 2010 16:06:53 +0000
Subject: Refs #2538: Moved js directory to elgg root.

git-svn-id: http://code.elgg.org/elgg/trunk@7189 36083f99-b078-4883-b0ff-0f9b5a30f544
---
 js/lib/ui.widgets.js | 131 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 131 insertions(+)
 create mode 100644 js/lib/ui.widgets.js

(limited to 'js/lib/ui.widgets.js')

diff --git a/js/lib/ui.widgets.js b/js/lib/ui.widgets.js
new file mode 100644
index 000000000..1e3163709
--- /dev/null
+++ b/js/lib/ui.widgets.js
@@ -0,0 +1,131 @@
+elgg.provide('elgg.ui.widgets');
+
+elgg.ui.widgets.init = function() {
+	// COLLAPSABLE WIDGETS (on Dashboard & Profile pages)
+	$('a.toggle_box_contents').live('click', elgg.ui.widgets.toggleContent);
+	$('a.toggle_box_edit_panel').live('click', elgg.ui.widgets.toggleEditPanel);
+	$('a.toggle_customise_edit_panel').live('click', elgg.ui.widgets.toggleCustomizeEditPanel);
+	
+	// WIDGET GALLERY EDIT PANEL
+	// Sortable widgets
+	var els = [
+		'#leftcolumn_widgets',
+		'#middlecolumn_widgets',
+		'#rightcolumn_widgets',
+		'#widget_picker_gallery'
+	].join(',');
+	
+	$(els).sortable({
+		items: '.draggable_widget',
+		handle: '.drag_handle',
+		forcePlaceholderSize: true,
+		placeholder: 'ui-state-highlight',
+		cursor: 'move',
+		opacity: 0.9,
+		appendTo: 'body',
+		connectWith: els,
+		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');
+
+			$('#debugField1').val(widgetNamesLeft);
+			$('#debugField2').val(widgetNamesMiddle);
+			$('#debugField3').val(widgetNamesRight);
+		}
+	});
+
+	// bind more info buttons - called when new widgets are created
+	elgg.ui.widgets.moreinfo();
+};
+
+//List active widgets for each page column
+elgg.ui.widgets.outputList = function(forElement) {
+	return( $("input[name='handler'], input[name='guid']", forElement ).makeDelimitedList("value") );
+};
+
+//Read each widgets collapsed/expanded state from cookie and apply
+elgg.ui.widgets.state = function(forWidget) {
+
+	var thisWidgetState = elgg.session.cookie(forWidget);
+
+	if (thisWidgetState == 'collapsed') {
+		forWidget = "#" + forWidget;
+		$(forWidget).find("div.collapsable_box_content").hide();
+		$(forWidget).find("a.toggle_box_contents").html('+');
+		$(forWidget).find("a.toggle_box_edit_panel").fadeOut('medium');
+	}
+};
+
+//More info tooltip in widget gallery edit panel
+elgg.ui.widgets.moreinfo = function() {
+	$("img.more_info").hover(function(e) {
+		var widgetdescription = $("input[name='description']", this.parentNode.parentNode.parentNode).val();
+		$("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");
+		} else {
+			$("#widget_moreinfo")
+				.css("top",(e.pageY + 10) + "px")
+				.css("left",(e.pageX - 210) + "px")
+				.fadeIn("medium");
+		}
+	}, function() {
+		$("#widget_moreinfo").remove();
+	});
+};
+
+//Toggle widgets contents and save to a cookie
+elgg.ui.widgets.toggleContent = function(e) {
+	var targetContent = $('div.collapsable_box_content', this.parentNode.parentNode);
+	if (targetContent.css('display') == 'none') {
+		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 });
+	}
+	return false;
+};
+
+// toggle widget box edit panel
+elgg.ui.widgets.toggleEditPanel = function () {
+	$(this.parentNode.parentNode).children(".collapsable_box_editpanel").slideToggle("fast");
+	return false;
+};
+
+// toggle customise edit panel
+elgg.ui.widgets.toggleCustomizeEditPanel = function () {
+	$('#customise_editpanel').slideToggle("fast");
+	return false;
+};
+
+/**
+ * @deprecated Use elgg.ui.widgets.*
+ */
+var toggleContent =    elgg.ui.widgets.toggleContent,
+    widget_moreinfo =  elgg.ui.widgets.moreinfo,
+    widget_state =     elgg.ui.widgets.state,
+    outputWidgetList = elgg.ui.widgets.outputList;
+
+elgg.register_event_handler('init', 'system', elgg.ui.widgets.init);
\ No newline at end of file
-- 
cgit v1.2.3