GridFieldBulkEditingTools/bulkManager/javascript/GridFieldBulkManager.js

246 lines
6.2 KiB
JavaScript
Raw Normal View History

(function($) {
2014-05-04 16:12:05 +02:00
$.entwine('ss', function($) {
2014-04-06 14:51:15 +02:00
$.entwine('colymba', function($) {
/**
* Makes sure the component is above the headers
*/
$('.bulkManagerOptions').entwine({
onmatch: function(){
var $parent = this.parents('thead'),
$tr = $parent.find('tr'),
targets = ['.filter-header', '.sortable-header'],
$target = $parent.find(targets.join(',')),
$component = this.clone(),
index = $tr.index(this),
newIndex = $tr.length - 1
;
$target.each(function(index, Element){
var idx = $tr.index(Element);
if ( idx < newIndex )
{
newIndex = idx;
}
});
if ( index > newIndex )
{
$component.insertBefore($tr.eq(newIndex));
this.remove();
}
},
onunmatch: function(){}
});
2014-05-04 16:12:05 +02:00
/**
* Bulkselect table cell behaviours
*/
2014-04-06 14:51:15 +02:00
$('td.col-bulkSelect').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onmouseover: function(){
//disable default row click behaviour -> avoid navigation to edit form when clicking the checkbox
$(this).parents('.ss-gridfield-item').find('.edit-link').removeClass('edit-link').addClass('tempDisabledEditLink');
},
onmouseout: function(){
//re-enable default row click behaviour
$(this).parents('.ss-gridfield-item').find('.tempDisabledEditLink').addClass('edit-link').removeClass('tempDisabledEditLink');
},
onclick: function(e) {
//check/uncheck checkbox when clicking cell
var cb = $(e.target).find('input');
if ( !$(cb).prop('checked') ) $(cb).prop('checked', true);
else $(cb).prop('checked', false);
}
});
2014-05-04 16:12:05 +02:00
2014-04-06 14:51:15 +02:00
2014-05-04 16:12:05 +02:00
/**
* Individual select checkbox behaviour
*/
2014-04-06 14:51:15 +02:00
$('td.col-bulkSelect input').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onclick: function(e) {
$(this).parents('.ss-gridfield-table').find('input.bulkSelectAll').prop('checked', '');
}
});
2014-05-04 16:12:05 +02:00
/**
* Bulkselect checkbox behaviours
*/
2014-04-06 14:51:15 +02:00
$('input.bulkSelectAll').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onclick: function()
{
var state = $(this).prop('checked');
$(this).parents('.ss-gridfield-table')
.find('td.col-bulkSelect input')
.prop('checked', state);
},
getSelectRecordsID: function()
{
return $(this).parents('.ss-gridfield-table')
.find('td.col-bulkSelect input:checked')
.map(function() {
return parseInt( $(this).data('record') )
})
.get();
}
});
2014-05-04 16:12:05 +02:00
2014-04-06 14:51:15 +02:00
2014-05-04 16:12:05 +02:00
/**
* Bulk action dropdown behaviours
*/
2014-04-06 14:51:15 +02:00
$('select.bulkActionName').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onchange: function(e)
{
2014-04-06 14:51:15 +02:00
var value = $(this).val(),
$parent = $(this).parents('.bulkManagerOptions'),
$btn = $parent.find('.doBulkActionButton'),
config = $btn.data('config'),
$icon = $parent.find('.doBulkActionButton .ui-icon')
;
$.each( config, function( configKey, configData )
{
2014-04-06 14:51:15 +02:00
if ( configKey != value )
{
$icon.removeClass('btn-icon-'+configData['icon']);
}
});
$icon.addClass('btn-icon-'+config[value]['icon']);
2014-04-06 14:51:15 +02:00
if ( config[value]['isDestructive'] )
{
$btn.addClass('ss-ui-action-destructive');
}
else{
$btn.removeClass('ss-ui-action-destructive');
}
}
});
2014-05-04 16:12:05 +02:00
/**
* bulk action button behaviours
*/
2014-04-06 14:51:15 +02:00
$('.doBulkActionButton').entwine({
onmatch: function(){
},
onunmatch: function(){
},
getActionURL: function(action, url)
{
2014-04-06 14:51:15 +02:00
var cacheBuster = new Date().getTime();
url = url.split('?');
if ( action )
{
action = '/' + action;
}
else{
action = '';
}
2014-04-06 14:51:15 +02:00
if ( url[1] )
{
url = url[0] + action + '?' + url[1] + '&' + 'cacheBuster=' + cacheBuster;
}
else{
url = url[0] + action + '?' + 'cacheBuster=' + cacheBuster;
}
return url;
},
onclick: function(e)
{
var $parent = $(this).parents('.bulkManagerOptions'),
action = $parent.find('select.bulkActionName').val(),
ids = $(this).parents('.bulkManagerOptions').find('input.bulkSelectAll:first').getSelectRecordsID()
;
this.doBulkAction(action, ids);
},
doBulkAction: function(action, ids, callbackFunction, callbackContext)
{
var $parent = $(this).parents('.bulkManagerOptions'),
$btn = $parent.find('a.doBulkActionButton'),
config = $btn.data('config'),
url = this.getActionURL(action, $(this).data('url')),
data = { records: ids }
2014-04-06 14:51:15 +02:00
;
if ( ids.length <= 0 )
{
2014-04-13 18:56:12 +02:00
alert( ss.i18n._t('GRIDFIELD_BULK_MANAGER.BULKACTION_EMPTY_SELECT') );
2014-04-06 14:51:15 +02:00
return;
}
//if ( $btn.hasClass('ss-ui-action-destructive') )
if ( config[action]['isDestructive'] )
{
2014-04-13 18:56:12 +02:00
if( !confirm(ss.i18n._t('GRIDFIELD_BULK_MANAGER.CONFIRM_DESTRUCTIVE_ACTION')) )
2014-04-06 14:51:15 +02:00
{
if ( callbackFunction && callbackContext )
{
callbackFunction.call(callbackContext, false);
}
2014-04-06 14:51:15 +02:00
return false;
}
}
2014-04-06 14:51:15 +02:00
$btn.addClass('loading');
2014-04-06 14:51:15 +02:00
if ( config[action]['isAjax'] )
{
$.ajax({
url: url,
data: data,
type: "POST",
context: $(this)
}).done(function(data, textStatus, jqXHR) {
2014-04-06 14:51:15 +02:00
$btn.removeClass('loading');
if ( callbackFunction && callbackContext )
{
callbackFunction.call(callbackContext, data);
}
else{
$(this).parents('.ss-gridfield').entwine('.').entwine('ss').reload();
}
2014-04-06 14:51:15 +02:00
});
}
else{
var records = 'records[]='+ids.join('&records[]=');
url = url + '&' + records;
2014-04-06 14:51:15 +02:00
window.location.href = url;
}
}
2014-04-06 14:51:15 +02:00
});
2013-04-29 18:03:32 +02:00
2014-04-06 14:51:15 +02:00
});
});
}(jQuery));