93 lines
3.8 KiB
JavaScript
93 lines
3.8 KiB
JavaScript
|
|
/**
|
|
* Move a field in the fields table from one region to another via select list.
|
|
*
|
|
* This behavior is dependent on the tableDrag behavior, since it uses the
|
|
* objects initialized in that behavior to update the row.
|
|
*/
|
|
(function($) {
|
|
Drupal.behaviors.fieldDrag = {};
|
|
Drupal.behaviors.fieldDrag.attach = function(context) {
|
|
var table = $('table#fields');
|
|
var tableDrag = Drupal.tableDrag.fields; // Get the fields tableDrag object.
|
|
|
|
// Add a handler for when a row is swapped, update empty regions.
|
|
tableDrag.row.prototype.onSwap = function(swappedRow) {
|
|
checkEmptyRegions(table, this);
|
|
};
|
|
|
|
// Add a handler so when a row is dropped, update fields dropped into new regions.
|
|
tableDrag.onDrop = function() {
|
|
dragObject = this;
|
|
if ($(dragObject.rowObject.element).prev('tr').is('.region-message')) {
|
|
var regionRow = $(dragObject.rowObject.element).prev('tr').get(0);
|
|
var regionName = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
|
|
var regionField = $('select.field-region-select', dragObject.rowObject.element);
|
|
var weightField = $('input.field-weight', dragObject.rowObject.element);
|
|
var oldRegionName = weightField[0].className.replace(/([^ ]+[ ]+)*field-weight-([^ ]+)([ ]+[^ ]+)*/, '$2');
|
|
|
|
if (!regionField.is('.field-region-'+ regionName)) {
|
|
regionField.removeClass('field-region-' + oldRegionName).addClass('field-region-' + regionName);
|
|
weightField.removeClass('field-weight-' + oldRegionName).addClass('field-weight-' + regionName);
|
|
regionField.val(regionName);
|
|
}
|
|
}
|
|
};
|
|
|
|
// Add the behavior to each region select list.
|
|
$('select.field-region-select:not(.fieldregionselect-processed)', context).each(function() {
|
|
$(this).change(function(event) {
|
|
// Make our new row and select field.
|
|
var row = $(this).parents('tr:first');
|
|
var select = $(this);
|
|
tableDrag.rowObject = new tableDrag.row(row);
|
|
|
|
// Find the correct region and insert the row as the first in the region.
|
|
$('tr.region-message', table).each(function() {
|
|
if ($(this).is('.region-' + select[0].value + '-message')) {
|
|
// Add the new row and remove the old one.
|
|
$(this).after(row);
|
|
// Manually update weights and restripe.
|
|
tableDrag.updateFields(row.get(0));
|
|
tableDrag.rowObject.changed = true;
|
|
if (tableDrag.oldRowElement) {
|
|
$(tableDrag.oldRowElement).removeClass('drag-previous');
|
|
}
|
|
tableDrag.oldRowElement = row.get(0);
|
|
tableDrag.restripeTable();
|
|
tableDrag.rowObject.markChanged();
|
|
tableDrag.oldRowElement = row;
|
|
$(row).addClass('drag-previous');
|
|
}
|
|
});
|
|
|
|
// Modify empty regions with added or removed fields.
|
|
checkEmptyRegions(table, row);
|
|
// Remove focus from selectbox.
|
|
select.get(0).blur();
|
|
});
|
|
$(this).addClass('fieldregionselect-processed');
|
|
});
|
|
|
|
var checkEmptyRegions = function(table, rowObject) {
|
|
$('tr.region-message', table).each(function() {
|
|
// If the dragged row is in this region, but above the message row, swap it down one space.
|
|
if ($(this).prev('tr').get(0) == rowObject.element) {
|
|
// Prevent a recursion problem when using the keyboard to move rows up.
|
|
if ((rowObject.method != 'keyboard' || rowObject.direction == 'down')) {
|
|
rowObject.swap('after', this);
|
|
}
|
|
}
|
|
// This region has become empty
|
|
if ($(this).next('tr').is(':not(.draggable)') || $(this).next('tr').size() == 0) {
|
|
$(this).removeClass('region-populated').addClass('region-empty');
|
|
}
|
|
// This region has become populated.
|
|
else if ($(this).is('.region-empty')) {
|
|
$(this).removeClass('region-empty').addClass('region-populated');
|
|
}
|
|
});
|
|
};
|
|
};
|
|
} (jQuery));
|