tonyair
/
GridFieldBulkEditingTools
mirror of https://github.com/colymba/GridFieldBulkEditingTools.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

FIX Refactor JS bulk action handling 

JS bulk action handling now works for any custom action
This commit is contained in:
colymba 2013-12-01 18:51:30 +02:00
parent d01b27c589
commit f54f0ce223
6 changed files with 67 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
code/GridFieldBulkManager.php
View File

@ -260,7 +260,8 @@ class GridFieldBulkManager implements GridField_HTMLProvider, GridField_ColumnPr
function getColumnContent($gridField, $record, $columnName)
{
$cb = CheckboxField::create('bulkSelect_'.$record->ID)
->addExtraClass('bulkSelect no-change-track');
->addExtraClass('bulkSelect no-change-track')
->setAttribute('data-record', $record->ID);
return $cb->Field();
}
@ -287,6 +288,7 @@ class GridFieldBulkManager implements GridField_HTMLProvider, GridField_ColumnPr
{
Requirements::css(BULK_EDIT_TOOLS_PATH . '/css/GridFieldBulkManager.css');
Requirements::javascript(BULK_EDIT_TOOLS_PATH . '/javascript/GridFieldBulkManager.js');
Requirements::add_i18n_javascript(BULK_EDIT_TOOLS_PATH . '/javascript/lang');
if ( !count($this->config['actions']) )
{
@ -324,11 +326,6 @@ class GridFieldBulkManager implements GridField_HTMLProvider, GridField_ColumnPr
'Colspan' => (count($gridField->getColumns()) - 1)
);
if ( !$this->config['actions'][$firstAction]['config']['isAjax'] )
{
$templateData['Button']['href'] = $gridField->Link('bulkaction') . '/' . $firstAction;
}
$templateData = new ArrayData($templateData);
return array(

97
javascript/GridFieldBulkManager.js
View File

@ -29,17 +29,30 @@
onunmatch: function(){
},
onclick: function(e) {
$('#bulkSelectAll').prop('checked', '');
}
});
$('.toggleSelectAll').entwine({
$('#bulkSelectAll').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onclick: function(){
onclick: function()
{
var state = $(this).prop('checked');
$(this).parents('.ss-gridfield-table').find('td.col-bulkSelect input').each(function(){$(this).prop('checked', state);});
$(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();
}
});
@ -57,15 +70,6 @@
$icon = $parent.find('.doBulkActionButton .ui-icon')
;
if ( config[value]['isAjax'] )
{
$btn.removeAttr('href');
}
else{
$btn.attr('href', $btn.data('url')+'/'+value);
}
$.each( config, function( configKey, configData )
{
if ( configKey != value )
@ -87,42 +91,40 @@
}
});
//@TODO prevent button click to call default url request
$('.doBulkActionButton').entwine({
onmatch: function(){
},
onunmatch: function(){
},
onmouseover: function(){
var action, ids = [];
action = $(this).parents('.bulkManagerOptions').find('select.bulkActionName').val();
if ( action == 'edit' )
{
$(this).parents('.ss-gridfield-table').find('td.col-bulkSelect input:checked').each(function(){
ids.push( parseInt( $(this).attr('name').split('_')[1] ) );
});
if(ids.length > 0) $(this).attr('href', $(this).data('url')+'/'+action+'?records[]='+ids.join('&records[]=') );
}
},
onclick: function(e) {
var action, url, data = {}, ids = [], cacheBuster;
action = $(this).parents('.bulkManagerOptions').find('select.bulkActionName').val();
if ( action != 'edit' )
{
url = $(this).data('url');
cacheBuster = new Date().getTime();
$(this).parents('.ss-gridfield-table').find('td.col-bulkSelect input:checked').each(function(){
ids.push( parseInt( $(this).attr('name').split('_')[1] ) );
});
data.records = ids;
},
onclick: function(e)
{
var $parent = $(this).parents('.bulkManagerOptions'),
$btn = $parent.find('a.doBulkActionButton'),
if ( url.indexOf('?') !== -1 ) cacheBuster = '&cacheBuster=' + cacheBuster;
else cacheBuster = '?cacheBuster=' + cacheBuster;
action = $parent.find('select.bulkActionName').val(),
config = $btn.data('config'),
url = $(this).data('url'),
ids = $('#bulkSelectAll').getSelectRecordsID(),
data = { records: ids },
cacheBuster = new Date().getTime()
;
if ( ids.length <= 0 )
{
alert( ss.i18n._t('GridFieldBulkTools.BULKACTION_EMPTY_SELECT') );
return;
}
if ( config[action]['isAjax'] )
{
//if ( url.indexOf('?') !== -1 ) cacheBuster = '&cacheBuster=' + cacheBuster;
//else cacheBuster = '?cacheBuster=' + cacheBuster;
$.ajax({
url: url + '/' + action + cacheBuster,
url: url + '/' + action + '?cacheBuster=' + cacheBuster,
data: data,
type: "POST",
context: $(this)
@ -130,6 +132,19 @@
$(this).parents('.ss-gridfield').entwine('.').entwine('ss').reload();
});
}
else{
var records = 'records[]='+ids.join('&records[]=');
if ( window.location.search )
{
url = url + '/' + action + window.location.search + '&' + records + '&cacheBuster=' + cacheBuster;
}
else{
url = url + '/' + action + '?' + records + '&cacheBuster=' + cacheBuster;
}
window.location.href = url;
}
}
});

3
javascript/lang/en_US.js
View File

@ -4,6 +4,7 @@ if(typeof(ss) == 'undefined' || typeof(ss.i18n) == 'undefined') {
ss.i18n.addDictionary('en_US', {
'GridFieldBulkTools.FINISH_CONFIRM': "You have unsaved changes. Continuing will loose all unsaved data.\n\nDo your really want to continue?",
'GridFieldBulkTools.EDIT_CHANGED': 'Modified',
'GridFieldBulkTools.EDIT_UPDATED': 'Saved'
'GridFieldBulkTools.EDIT_UPDATED': 'Saved',
'GridFieldBulkTools.BULKACTION_EMPTY_SELECT': 'You must select at least one record.'
});
}

3
javascript/lang/fr_FR.js
View File

@ -4,6 +4,7 @@ if(typeof(ss) == 'undefined' || typeof(ss.i18n) == 'undefined') {
ss.i18n.addDictionary('fr_FR', {
'GridFieldBulkTools.FINISH_CONFIRM': "Vous avez des changements non enregistrés. En continuant vous allez perdre toutes vos données non enregistrées.\n\nVoulez-vous vraiment continuer?",
'GridFieldBulkTools.EDIT_CHANGED': 'Changé',
'GridFieldBulkTools.EDIT_UPDATED': 'Enregisté'
'GridFieldBulkTools.EDIT_UPDATED': 'Enregisté',
'GridFieldBulkTools.BULKACTION_EMPTY_SELECT': 'Vous devez séléctionner au moins un élément.'
});
}

3
javascript/lang/nl_NL.js
View File

@ -4,6 +4,7 @@ if(typeof(ss) == 'undefined' || typeof(ss.i18n) == 'undefined') {
ss.i18n.addDictionary('nl_NL', {
'GridFieldBulkTools.FINISH_CONFIRM': "Er zijn niet-opgeslagen wijzigingen.\n\nDoorgaan zal al deze niet-opgeslagen wijzigingen vergeten.\n\nWeet je zeker dat je de pagina wilt verlaten?",
'GridFieldBulkTools.EDIT_CHANGED': 'Aangepast',
'GridFieldBulkTools.EDIT_UPDATED': 'Opgeslagen'
'GridFieldBulkTools.EDIT_UPDATED': 'Opgeslagen',
'GridFieldBulkTools.BULKACTION_EMPTY_SELECT': 'U moet minstens een item te selecteren.'
});
}

4
templates/BulkManagerButtons.ss
View File

@ -2,12 +2,12 @@
<th class="extra bulkmanagerheading" colspan="$Colspan">
$Menu
<a <% if $Button.href %>href="$Button.href"<% end_if %> data-url="$Button.DataURL" data-config="$Button.DataConfig" class="doBulkActionButton action ss-ui-button cms-panel-link" data-icon="$Button.Icon">
<a data-url="$Button.DataURL" data-config="$Button.DataConfig" class="doBulkActionButton action ss-ui-button cms-panel-link" data-icon="$Button.Icon">
$Button.Label
</a>
</th>
<th class="extra bulkmanagerselect">
<input class="toggleSelectAll no-change-track" type="checkbox" title="$Select.Label" name="toggleSelectAll" />
<input id="bulkSelectAll" class="no-change-track" type="checkbox" title="$Select.Label" name="toggleSelectAll" />
</th>
</tr>