clipbucket/upload/admin_area/styles/cbv3/layout/functions.js
2012-05-05 14:41:49 +00:00

127 lines
No EOL
3.2 KiB
JavaScript

/**
* toggles the sidebar for widgets
* @param object
*/
function toggleSidebar($obj)
{
$('.sidebar').hide();
var text = $($obj).text();
var ref = $($obj).attr('ref');
$('#sidebar-dd-text').text(text);
$('#'+ref).show();
}
/**
* Create a widget inside the sidebar so that it can be used
*/
function createWidget($widgetId,$sideBarId)
{
var $widget = $('#'+$widgetId);
var $sidebar = $('#'+$sideBarId);
var $widgetList = $('#'+$sideBarId+' .widgets-list');
var $widgetTitle = $('#'+$widgetId+' .admin-widget-box-title').text();
$sideBarId = $('#'+$sideBarId+' input[name=sidebar_id]').val();
var $sideBarTitle = $('a[ref='+$sideBarId+']').text();
if($('#'+$widgetId+'-'+$sideBarId).html())
{
alert($widgetTitle+' is already in '+$sideBarTitle)
return false;
}
var $newWidget = '<div class="widget-bar" id="'+$widgetId+'-'+$sideBarId+'" >';
$newWidget += '<div class="btn-group">';
$newWidget += '<span class="btn widget-btn-long">';
$newWidget += $widgetTitle+'</span>';
$newWidget += '<button class="btn dropdown-toggle"';
$newWidget += ' data-toggle="modal" ';
$newWidget += ' data-target="#'+$widgetId+'-'+$sideBarId+'-modal" ';
$newWidget += '><i class="caret"></i></button>';
$newWidget += '</div>';
$newWidget += '<input type="hidden" name="widgets[]" value="'+$widgetId+'"/>';
$newWidget += '</div>';
/*Widget Modal
var WidgetModal = '<div class="modal hide fade"';
WidgetModal += 'id="'+$widgetId+'-'+$sideBarId+'-modal">';
WidgetModal +=$('#'+$widgetId+'--modal').html();
WidgetModal +='</div>'
//Append widget...*/
$widgetList.append($newWidget);
var WidgetModal = saveAndFetch($sideBarId,$widgetId);
$('#modal-forms-'+$sideBarId).append(WidgetModal);
return true;
}
/**
* Save Sidebar ..
*/
function saveSidebar($Id,$widgetId)
{
var FormData = $('#'+$Id+'-form').serialize();
FormData = FormData + '&mode=update-sidebar';
amplify.request( "update-sidebar",FormData,
function( data ) {
}
);
}
/**
* Save and fetch widget form as well....
*/
function saveAndFetch($Id,$widgetId)
{
var FormData = $('#'+$Id+'-form').serialize();
FormData = FormData + '&mode=update-sidebar&fetch-widget='+$widgetId;
amplify.request("update-sidebar",FormData,
function(data){
return data;
}
);
}
/**
* Save widget
*/
function saveWidget($bttn,$id)
{
$($bttn).attr('disabled','disabled');
$($bttn).addClass('disabled');
$($bttn).text('Saving...');
var FormData = $('#'+$id+'-form').serialize();
FormData = FormData+'&mode=update-widget';
amplify.request("update-sidebar",FormData,
function(data){
$($bttn).removeAttr('disabled');
$($bttn).removeClass('disabled');
$($bttn).text('Save');
$($bttn).prev().trigger('click');
}
);
}
/**
* Remove widget from sidebar...
*/
function deleteWidget($widgetId,$sidebarId){
if($('#'+$widgetId+'-'+$sidebarId).html())
{
$('#'+$widgetId+'-'+$sidebarId).remove();
saveSidebar($sidebarId);
}
}