149 lines
5.1 KiB
JavaScript
149 lines
5.1 KiB
JavaScript
(function($) {
|
|
$.entwine('ss', function($) {
|
|
$('.ss-gridfield .gridfield-sortablerows input').entwine({
|
|
onmatch: function() {
|
|
var self=this;
|
|
var refCheckbox=$(this);
|
|
var gridField=this.getGridField();
|
|
var form=gridField.closest('form');
|
|
var pageSort=false;
|
|
|
|
if($(this).is(':checked')) {
|
|
gridField.find('table').addClass('dragSorting');
|
|
}else {
|
|
gridField.find('table').removeClass('dragSorting');
|
|
}
|
|
|
|
gridField.find('tbody').sortable({
|
|
opacity: 0.6,
|
|
disabled: ($(this).is(':checked')==false),
|
|
helper: function(e, ui) {
|
|
//Maintains width of the columns
|
|
ui.children().each(function() {
|
|
$(this).width($(this).width());
|
|
});
|
|
|
|
return ui;
|
|
},
|
|
update: function(event, ui) {
|
|
if(pageSort) {
|
|
pageSort=false;
|
|
return;
|
|
}
|
|
|
|
var gridItems=gridField.getItems();
|
|
|
|
gridItems.removeClass('first last odd even');
|
|
gridItems.first().addClass('first');
|
|
gridItems.last().addClass('last');
|
|
gridItems.filter(':even').addClass('odd');
|
|
gridItems.filter(':odd').addClass('even');
|
|
|
|
var dataRows=[];
|
|
var button=refCheckbox.parent().find('.sortablerows-savesort');
|
|
|
|
|
|
for(var i=0;i<gridItems.length;i++) {
|
|
dataRows[i]=$(gridItems[i]).data('id');
|
|
}
|
|
|
|
|
|
self._makeRequest({data: [
|
|
{
|
|
name: button.attr('name'),
|
|
value: button.val()
|
|
},
|
|
{
|
|
name: 'ItemIDs',
|
|
value: dataRows
|
|
}
|
|
]},function() {
|
|
form.removeClass('loading');
|
|
});
|
|
}
|
|
});
|
|
|
|
if(refCheckbox.hasClass('gridfield-sortablerows-noselection')){
|
|
gridField.find('tbody').disableSelection();
|
|
}
|
|
|
|
gridField.find('.datagrid-pagination .ss-gridfield-previouspage, .datagrid-pagination .ss-gridfield-nextpage').each(function() {
|
|
$(this).droppable({
|
|
disabled: $(this).is(':disabled'),
|
|
accept: 'tr.ss-gridfield-item',
|
|
activeClass: 'sortablerows-droptarget',
|
|
tolerance: 'pointer',
|
|
drop: function(event, ui) {
|
|
pageSort=true;
|
|
|
|
var button=refCheckbox.parent().find('.sortablerows-sorttopage');
|
|
var itemID=$(ui.draggable).data('id');
|
|
var target='';
|
|
|
|
|
|
if($(this).hasClass('ss-gridfield-previouspage')) {
|
|
target='previouspage';
|
|
}else if($(this).hasClass('ss-gridfield-nextpage')) {
|
|
target='nextpage';
|
|
}
|
|
|
|
|
|
//Move and Reload the grid
|
|
gridField.reload({data: [
|
|
{
|
|
name: button.attr('name'),
|
|
value: button.val()
|
|
},
|
|
{
|
|
name: 'ItemID',
|
|
value: itemID
|
|
},
|
|
{
|
|
name: 'Target',
|
|
value: target
|
|
}
|
|
]});
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
onchange: function(e) {
|
|
var gridField=this.getGridField();
|
|
gridField.find('tbody').sortable('option', 'disabled', ($(this).is(':checked')==false));
|
|
gridField.setState('GridFieldSortableRows', {sortableToggle: $(this).is(':checked')});
|
|
|
|
|
|
var button=$(this).parent().find('.sortablerows-toggle');
|
|
gridField.reload({data: [{name: button.attr('name'), value: button.val()}]});
|
|
},
|
|
|
|
_makeRequest: function(ajaxOpts, callback) {
|
|
var gridField=this.getGridField();
|
|
var form = gridField.closest('form'),
|
|
focusedElName = gridField.find(':input:focus').attr('name'); // Save focused element for restoring after refresh
|
|
|
|
form.addClass('loading');
|
|
|
|
ajaxOpts.data = ajaxOpts.data.concat(form.find(':input').serializeArray());
|
|
|
|
// Include any GET parameters from the current URL, as the view state might depend on it.
|
|
// For example, a list prefiltered through external search criteria might be passed to GridField.
|
|
if(window.location.search) {
|
|
ajaxOpts.data = window.location.search.replace(/^\?/, '') + '&' + $.param(ajaxOpts.data);
|
|
}
|
|
|
|
$.ajax($.extend({}, {
|
|
headers: {"X-Pjax" : 'CurrentField'},
|
|
type: "POST",
|
|
url: gridField.data('url'),
|
|
dataType: 'html',
|
|
success: callback,
|
|
error: function(e) {
|
|
alert(ss.i18n._t('GRIDFIELD.ERRORINTRANSACTION'));
|
|
}
|
|
}, ajaxOpts));
|
|
}
|
|
});
|
|
});
|
|
})(jQuery); |