widgets.js File Reference

Go to the source code of this file.

Functions
	define (['jquery', 'elgg/Ajax', 'jquery-ui/widgets/sortable'], function($, Ajax){function moveWidget(event, ui){var guidString=ui.item.attr('id');guidString=guidString.substring(guidString.indexOf('elgg-widget-')+"elgg-widget-".length);var col=ui.item.parent().attr('id');col=col.substring(col.indexOf('elgg-widget-col-')+"elgg-widget-col-".length);var ajax=new Ajax(false);ajax.action('widgets/move',{data:{widget_guid:guidString, column:col, position:ui.item.index()}});};function removeWidget(event){event.preventDefault();$(this).closest('.elgg-module-widget').remove();var ajax=new Ajax(false);ajax.action($(this).attr('href'));};function saveWidgetSettings(event){event.preventDefault();$(this).parent().slideToggle('medium');var $widgetContent=$(this).parent().parent().children('.elgg-widget-content');$widgetContent.html('< div class="elgg-ajax-loader"></div >');var ajax=new Ajax(false);ajax.action('widgets/save',{data:$(this).serialize(), success:function(result){$widgetContent.html(result.content);if(result.title!== ''){var $widgetTitle=$widgetContent.parent().parent().find('.elgg-widget-title');var newWidgetTitle=result.title;if(result.href!== ''){newWidgetTitle="<a href='"+result.href+"' class='elgg-anchor'><span class='elgg-anchor-label'>"+newWidgetTitle+"</span></a>";}$widgetTitle.html(newWidgetTitle);}}});};$('.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:moveWidget});$(document).on('click', 'a.elgg-widget-delete-button', removeWidget);$(document).on('submit', '.elgg-widget-edit > form ', saveWidgetSettings);})

Function Documentation

define

(

function($, Ajax){function moveWidget(event, ui){var guidString=ui.item.attr('id');guidString=guidString.substring(guidString.indexOf('elgg-widget-')+"elgg-widget-".length);var col=ui.item.parent().attr('id');col=col.substring(col.indexOf('elgg-widget-col-')+"elgg-widget-col-".length);var ajax=new Ajax(false);ajax.action('widgets/move',{data:{widget_guid:guidString, column:col, position:ui.item.index()}});};function removeWidget(event){event.preventDefault();$(this).closest('.elgg-module-widget').remove();var ajax=new Ajax(false);ajax.action($(this).attr('href'));};function saveWidgetSettings(event){event.preventDefault();$(this).parent().slideToggle('medium');var $widgetContent=$(this).parent().parent().children('.elgg-widget-content');$widgetContent.html('< div class="elgg-ajax-loader"></div >');var ajax=new Ajax(false);ajax.action('widgets/save',{data:$(this).serialize(), success:function(result){$widgetContent.html(result.content);if(result.title!== ''){var $widgetTitle=$widgetContent.parent().parent().find('.elgg-widget-title');var newWidgetTitle=result.title;if(result.href!== ''){newWidgetTitle="<a href='"+result.href+"' class='elgg-anchor'><span class='elgg-anchor-label'>"+newWidgetTitle+"</span></a>";}$widgetTitle.html(newWidgetTitle);}}});};$('.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:moveWidget});$(document).on('click', 'a.elgg-widget-delete-button', removeWidget);$(document).on('submit', '.elgg-widget-edit > form ', saveWidgetSettings);}

)

Parameters

function($,Ajax){function	moveWidget(event, ui){var guidString=ui.item.attr('id');guidString=guidString.substring(guidString.indexOf('elgg-widget-')+"elgg-widget-".length);var col=ui.item.parent().attr('id');col=col.substring(col.indexOf('elgg-widget-col-')+"elgg-widget-col-".length);var ajax=new Ajax(false);ajax.action('widgets/move',{data:{widget_guid:guidString, column:col, position:ui.item.index()}});};function removeWidget(event){event.preventDefault();.closest('.elgg-module-widget').remove();var ajax=new Ajax(false);ajax.action(.attr('href'));};function saveWidgetSettings(event){event.preventDefault();.parent().slideToggle('medium');var $widgetContent=.parent().parent().children('.elgg-widget-content');$widgetContent.html('< div class="elgg-ajax-loader">');var ajax=new Ajax(false);ajax.action('widgets/save',{data:.serialize(), success:function(result){$widgetContent.html(result.content);if(result.title!== ''){var $widgetTitle=$widgetContent.parent().parent().find('.elgg-widget-title');var newWidgetTitle=result.title;if(result.href!== ''){newWidgetTitle="<a href='"+result.href+"' class='elgg-anchor'><span class='elgg-anchor-label'>"+newWidgetTitle+"</span></a>";}$widgetTitle.html(newWidgetTitle);}}});};$('.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:moveWidget});.on('click', 'a.elgg-widget-delete-button', removeWidget);.on('submit', '.elgg-widget-edit > form ', saveWidgetSettings);} Persist the widget's new position
{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

Save a widget's settings

Uses Ajax to save the settings and updates the HTML.

Parameters

{Object}

event

Returns

void