Functions
	define ('elgg/widgets', ['elgg', 'jquery'], function(elgg,$){var widgets={};widgets.init=function(){if($(".elgg-widgets").length===0){return;}$(".elgg-widgets").sortable({items: 'div.elgg-module-widget.elgg-state-draggable', connectWith: '.elgg-widgets', handle: '.elgg-widget-handle', forcePlaceholderSize:true, placeholder: 'elgg-widget-placeholder', opacity:0.8, revert:500, stop:widgets.move});$('.elgg-widgets-add-panel li.elgg-state-available').click(widgets.add);$(document).on('click', 'a.elgg-widget-delete-button', widgets.remove);$(document).on('submit', '.elgg-widget-edit > form ', widgets.saveSettings);$(document).on('click', 'a.elgg-widget-collapse-button', widgets.collapseToggle);widgets.setMinHeight(".elgg-widgets");};widgets.add=function(event){var type=$(this).data('elgg-widget-type');var multiple=$(this).attr('class').indexOf('elgg-widget-multiple')!=-1;if(multiple===false){$(this).addClass('elgg-state-unavailable');$(this).removeClass('elgg-state-available');$(this).unbind('click', widgets.add);}var $layout=$(this).closest('.elgg-layout-widgets');var page_owner_guid=$layout.data('pageOwnerGuid')\|\|elgg.get_page_owner_guid();elgg.action('widgets/add',{data:{handler:type, page_owner_guid:page_owner_guid, context:$("input[name='widget_context']").val(), show_access:$("input[name='show_access']").val(), default_widgets:$("input[name='default_widgets']").val()\|\|0}, success:function(json){$('#elgg-widget-col-1').prepend(json.output);}});event.preventDefault();};widgets.move=function(event, ui){var guidString=ui.item.attr('id');guidString=guidString.substr(guidString.indexOf('elgg-widget-')+"elgg-widget-".length);var col=ui.item.parent().attr('id');col=col.substr(col.indexOf('elgg-widget-col-')+"elgg-widget-col-".length);elgg.action('widgets/move',{data:{widget_guid:guidString, column:col, position:ui.item.index()}});ui.item.css('top', 0);ui.item.css('left', 0);};widgets.remove=function(event){if(confirm(elgg.echo('deleteconfirm'))===false){event.preventDefault();return;}var $widget=$(this).closest('.elgg-module-widget');var type=$(this).data('elgg-widget-type');$container=$(this).parents('.elgg-layout-widgets').first();$button=$('[data-elgg-widget-type="' + type + '"]', $container);var multiple=$button.attr('class').indexOf('elgg-widget-multiple')!=-1;if(multiple===false){$button.addClass('elgg-state-available');$button.removeClass('elgg-state-unavailable');$button.unbind('click', widgets.add);$button.click(widgets.add);}$widget.remove();elgg.action($(this).attr('href'));event.preventDefault();};widgets.collapseToggle=function(event){$(this).toggleClass('elgg-widget-collapsed');$(this).parent().parent().find('.elgg-body').slideToggle('medium');event.preventDefault();};widgets.saveSettings=function(event){$(this).parent().slideToggle('medium');var $widgetContent=$(this).parent().parent().children('.elgg-widget-content');var $loader=$('#elgg-widget-loader').clone();$loader.attr('id', '#elgg-widget-active-loader');$loader.removeClass('hidden');$widgetContent.html($loader);var default_widgets=$("input[name='default_widgets']").val()\|\|0;if(default_widgets){$(this).append('< input type="hidden"name="default_widgets"value="1">');}elgg.action('widgets/save',{data:$(this).serialize(), success:function(json){$widgetContent.html(json.output);if(typeof(json.title)!="undefined"){var $widgetTitle=$widgetContent.parent().parent().find('.elgg-widget-title');$widgetTitle.html(json.title);}}});event.preventDefault();};widgets.setMinHeight=function(selector){var maxBottom=0;$(selector).each(function(){var bottom=parseInt($(this).offset().top+$(this).height());if(bottom > maxBottom){maxBottom=bottom;}});$(selector).each(function(){var bottom=parseInt($(this).offset().top+$(this).height());if(bottom< maxBottom){var newMinHeight=parseInt($(this).height()+(maxBottom-bottom));$(this).css('min-height', newMinHeight+ 'px');}});};return widgets;})
	To implement a BC solution and deprecated elgg.ui.widgets, we use a named AMD module that is inlined in elgg.js. More...

Function Documentation

define	(	'elgg/widgets'	,
		function(elgg,$){var widgets={};widgets.init=function(){if($(".elgg-widgets").length===0){return;}$(".elgg-widgets").sortable({items: 'div.elgg-module-widget.elgg-state-draggable', connectWith: '.elgg-widgets', handle: '.elgg-widget-handle', forcePlaceholderSize:true, placeholder: 'elgg-widget-placeholder', opacity:0.8, revert:500, stop:widgets.move});$('.elgg-widgets-add-panel li.elgg-state-available').click(widgets.add);$(document).on('click', 'a.elgg-widget-delete-button', widgets.remove);$(document).on('submit', '.elgg-widget-edit > form ', widgets.saveSettings);$(document).on('click', 'a.elgg-widget-collapse-button', widgets.collapseToggle);widgets.setMinHeight(".elgg-widgets");};widgets.add=function(event){var type=$(this).data('elgg-widget-type');var multiple=$(this).attr('class').indexOf('elgg-widget-multiple')!=-1;if(multiple===false){$(this).addClass('elgg-state-unavailable');$(this).removeClass('elgg-state-available');$(this).unbind('click', widgets.add);}var $layout=$(this).closest('.elgg-layout-widgets');var page_owner_guid=$layout.data('pageOwnerGuid')\|\|elgg.get_page_owner_guid();elgg.action('widgets/add',{data:{handler:type, page_owner_guid:page_owner_guid, context:$("input[name='widget_context']").val(), show_access:$("input[name='show_access']").val(), default_widgets:$("input[name='default_widgets']").val()\|\|0}, success:function(json){$('#elgg-widget-col-1').prepend(json.output);}});event.preventDefault();};widgets.move=function(event, ui){var guidString=ui.item.attr('id');guidString=guidString.substr(guidString.indexOf('elgg-widget-')+"elgg-widget-".length);var col=ui.item.parent().attr('id');col=col.substr(col.indexOf('elgg-widget-col-')+"elgg-widget-col-".length);elgg.action('widgets/move',{data:{widget_guid:guidString, column:col, position:ui.item.index()}});ui.item.css('top', 0);ui.item.css('left', 0);};widgets.remove=function(event){if(confirm(elgg.echo('deleteconfirm'))===false){event.preventDefault();return;}var $widget=$(this).closest('.elgg-module-widget');var type=$(this).data('elgg-widget-type');$container=$(this).parents('.elgg-layout-widgets').first();$button=$('[data-elgg-widget-type="' + type + '"]', $container);var multiple=$button.attr('class').indexOf('elgg-widget-multiple')!=-1;if(multiple===false){$button.addClass('elgg-state-available');$button.removeClass('elgg-state-unavailable');$button.unbind('click', widgets.add);$button.click(widgets.add);}$widget.remove();elgg.action($(this).attr('href'));event.preventDefault();};widgets.collapseToggle=function(event){$(this).toggleClass('elgg-widget-collapsed');$(this).parent().parent().find('.elgg-body').slideToggle('medium');event.preventDefault();};widgets.saveSettings=function(event){$(this).parent().slideToggle('medium');var $widgetContent=$(this).parent().parent().children('.elgg-widget-content');var $loader=$('#elgg-widget-loader').clone();$loader.attr('id', '#elgg-widget-active-loader');$loader.removeClass('hidden');$widgetContent.html($loader);var default_widgets=$("input[name='default_widgets']").val()\|\|0;if(default_widgets){$(this).append('< input type="hidden"name="default_widgets"value="1">');}elgg.action('widgets/save',{data:$(this).serialize(), success:function(json){$widgetContent.html(json.output);if(typeof(json.title)!="undefined"){var $widgetTitle=$widgetContent.parent().parent().find('.elgg-widget-title');$widgetTitle.html(json.title);}}});event.preventDefault();};widgets.setMinHeight=function(selector){var maxBottom=0;$(selector).each(function(){var bottom=parseInt($(this).offset().top+$(this).height());if(bottom > maxBottom){maxBottom=bottom;}});$(selector).each(function(){var bottom=parseInt($(this).offset().top+$(this).height());if(bottom< maxBottom){var newMinHeight=parseInt($(this).height()+(maxBottom-bottom));$(this).css('min-height', newMinHeight+ 'px');}});};return widgets;}
	)

To implement a BC solution and deprecated elgg.ui.widgets, we use a named AMD module that is inlined in elgg.js.

This allows us to proxy elgg.ui.widgets calls via elgg/widgets module to issue deprecation notices.

Parameters

Returns: void jqueryui.sortable

Adds a new widget

Makes Ajax call to persist new widget and inserts the widget html

Parameters

{Object} event

Returns: void

Persist the widget's new position

Parameters

{Object}	event
{Object}	ui

Returns: void

Removes a widget from the layout

Event callback the uses Ajax to delete the widget and removes its HTML

Parameters

{Object} event

Returns: void

Toggle the collapse state of the widget

Parameters

{Object} event

Returns: void

Save a widget's settings

Uses Ajax to save the settings and updates the HTML.

Parameters

{Object} event

Returns: void

Set the min-height so that all widget column bottoms are the same

This addresses the issue of trying to drag a widget into a column that does not have any widgets or many fewer widgets than other columns.

Parameters

{String} selector

Returns: void

Functions

Function Documentation