GridFieldBulkEditingTools/bulkManager/javascript/GridFieldBulkManager.js
Peter Schiffer c2168f5591 Fixed problem with BulkEditingTools and Tabs in IE
When GridFieldBulkEditingTools are used on GridField within Form Tab, Internet
Explorer (11) has problems switching to another Form Tab. In this case, clicking
on different tab has no effect, one must at first click somewhere else on the
page, and only after that it's possible to change the tab. While debugging, I
found out that the reason of this behavior is cloning, moving and removing of
the tr with the bulk manager options. Without cloning and removing, and moving
the tr with filter header or sortable header instead of tr with bulk manager
options, switching tabs works fine even in the IE 11.
2015-08-26 23:36:02 +02:00

246 lines
6.1 KiB
JavaScript

(function($) {
$.entwine('ss', function($) {
$.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(',')),
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 )
{
$tr.eq(newIndex).insertAfter($(this));
}
},
onunmatch: function(){}
});
/**
* Bulkselect table cell behaviours
*/
$('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);
}
});
/**
* Individual select checkbox behaviour
*/
$('td.col-bulkSelect input').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onclick: function(e) {
$(this).parents('.ss-gridfield-table').find('input.bulkSelectAll').prop('checked', '');
}
});
/**
* Bulkselect checkbox behaviours
*/
$('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)
.trigger('change');
},
getSelectRecordsID: function()
{
return $(this).parents('.ss-gridfield-table')
.find('td.col-bulkSelect input:checked')
.map(function() {
return parseInt( $(this).data('record') )
})
.get();
}
});
/**
* Bulk action dropdown behaviours
*/
$('select.bulkActionName').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onchange: function(e)
{
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 )
{
if ( configKey != value )
{
$icon.removeClass('btn-icon-'+configData['icon']);
}
});
$icon.addClass('btn-icon-'+config[value]['icon']);
if ( config[value]['isDestructive'] )
{
$btn.addClass('ss-ui-action-destructive');
}
else{
$btn.removeClass('ss-ui-action-destructive');
}
}
});
/**
* bulk action button behaviours
*/
$('.doBulkActionButton').entwine({
onmatch: function(){
},
onunmatch: function(){
},
getActionURL: function(action, url)
{
var cacheBuster = new Date().getTime();
url = url.split('?');
if ( action )
{
action = '/' + action;
}
else{
action = '';
}
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 }
;
if ( ids.length <= 0 )
{
alert( ss.i18n._t('GRIDFIELD_BULK_MANAGER.BULKACTION_EMPTY_SELECT') );
return;
}
//if ( $btn.hasClass('ss-ui-action-destructive') )
if ( config[action]['isDestructive'] )
{
if( !confirm(ss.i18n._t('GRIDFIELD_BULK_MANAGER.CONFIRM_DESTRUCTIVE_ACTION')) )
{
if ( callbackFunction && callbackContext )
{
callbackFunction.call(callbackContext, false);
}
return false;
}
}
$btn.addClass('loading');
if ( config[action]['isAjax'] )
{
$.ajax({
url: url,
data: data,
type: "POST",
context: $(this)
}).done(function(data, textStatus, jqXHR) {
$btn.removeClass('loading');
if ( callbackFunction && callbackContext )
{
callbackFunction.call(callbackContext, data);
}
else{
$(this).parents('.ss-gridfield').entwine('.').entwine('ss').reload();
}
});
}
else{
var records = 'records[]='+ids.join('&records[]=');
url = url + '&' + records;
window.location.href = url;
}
}
});
});
});
}(jQuery));