224 lines
8.9 KiB
JavaScript
224 lines
8.9 KiB
JavaScript
// $Id$
|
|
|
|
(function($) {
|
|
|
|
Drupal.behaviors.fieldManageFields = {
|
|
attach: function (context) {
|
|
attachUpdateSelects(context);
|
|
}
|
|
};
|
|
|
|
function attachUpdateSelects(context) {
|
|
var widgetTypes = Drupal.settings.fieldWidgetTypes;
|
|
var fields = Drupal.settings.fields;
|
|
|
|
// Store the default text of widget selects.
|
|
$('#field-overview .widget-type-select', context).each(function () {
|
|
this.initialValue = this.options[0].text;
|
|
});
|
|
|
|
// 'Field type' select updates its 'Widget' select.
|
|
$('#field-overview .field-type-select', context).each(function () {
|
|
this.targetSelect = $('.widget-type-select', $(this).parents('tr').eq(0));
|
|
|
|
$(this).bind('change keyup', function () {
|
|
var selectedFieldType = this.options[this.selectedIndex].value;
|
|
var options = (selectedFieldType in widgetTypes ? widgetTypes[selectedFieldType] : []);
|
|
this.targetSelect.fieldPopulateOptions(options);
|
|
});
|
|
|
|
// Trigger change on initial pageload to get the right widget options
|
|
// when field type comes pre-selected (on failed validation).
|
|
$(this).trigger('change', false);
|
|
});
|
|
|
|
// 'Existing field' select updates its 'Widget' select and 'Label' textfield.
|
|
$('#field-overview .field-select', context).each(function () {
|
|
this.targetSelect = $('.widget-type-select', $(this).parents('tr').eq(0));
|
|
this.targetTextfield = $('.label-textfield', $(this).parents('tr').eq(0));
|
|
|
|
$(this).bind('change keyup', function (e, updateText) {
|
|
var updateText = (typeof updateText == 'undefined' ? true : updateText);
|
|
var selectedField = this.options[this.selectedIndex].value;
|
|
var selectedFieldType = (selectedField in fields ? fields[selectedField].type : null);
|
|
var selectedFieldWidget = (selectedField in fields ? fields[selectedField].widget : null);
|
|
var options = (selectedFieldType && (selectedFieldType in widgetTypes) ? widgetTypes[selectedFieldType] : []);
|
|
this.targetSelect.fieldPopulateOptions(options, selectedFieldWidget);
|
|
|
|
if (updateText) {
|
|
$(this.targetTextfield).attr('value', (selectedField in fields ? fields[selectedField].label : ''));
|
|
}
|
|
});
|
|
|
|
// Trigger change on initial pageload to get the right widget options
|
|
// and label when field type comes pre-selected (on failed validation).
|
|
$(this).trigger('change', false);
|
|
});
|
|
}
|
|
|
|
jQuery.fn.fieldPopulateOptions = function (options, selected) {
|
|
return this.each(function () {
|
|
var disabled = false;
|
|
if (options.length == 0) {
|
|
options = [this.initialValue];
|
|
disabled = true;
|
|
}
|
|
|
|
// If possible, keep the same widget selected when changing field type.
|
|
// This is based on textual value, since the internal value might be
|
|
// different (options_buttons vs. node_reference_buttons).
|
|
var previousSelectedText = this.options[this.selectedIndex].text;
|
|
|
|
var html = '';
|
|
jQuery.each(options, function (value, text) {
|
|
// Figure out which value should be selected. The 'selected' param
|
|
// takes precedence.
|
|
var is_selected = ((typeof selected != 'undefined' && value == selected) || (typeof selected == 'undefined' && text == previousSelectedText));
|
|
html += '<option value="' + value + '"' + (is_selected ? ' selected="selected"' : '') + '>' + text + '</option>';
|
|
});
|
|
|
|
$(this).html(html).attr('disabled', disabled ? 'disabled' : '');
|
|
});
|
|
};
|
|
|
|
/**
|
|
* Moves a field in the display settings table from visible to hidden.
|
|
*
|
|
* This behavior is dependent on the tableDrag behavior, since it uses the
|
|
* objects initialized in that behavior to update the row.
|
|
*/
|
|
Drupal.behaviors.fieldManageDisplayDrag = {
|
|
attach: function (context, settings) {
|
|
// tableDrag is required for this behavior.
|
|
if (!$('table.field-display-overview', context).length || typeof Drupal.tableDrag == 'undefined') {
|
|
return;
|
|
}
|
|
|
|
var defaultFormatters = Drupal.settings.fieldDefaultFormatters;
|
|
var tableDrag = Drupal.tableDrag['field-display-overview'];
|
|
|
|
// Add a handler for when a row is swapped, update empty regions.
|
|
tableDrag.row.prototype.onSwap = function (swappedRow) {
|
|
checkEmptyRegions(this.table, this);
|
|
};
|
|
|
|
// Add a handler to update the formatter selector when a row is dropped in
|
|
// or out of the 'Hidden' section.
|
|
tableDrag.onDrop = function () {
|
|
var dragObject = this;
|
|
var regionRow = $(dragObject.rowObject.element).prevAll('tr.region-message').get(0);
|
|
var visibility = regionRow.className.replace(/([^ ]+[ ]+)*region-([^ ]+)-message([ ]+[^ ]+)*/, '$2');
|
|
|
|
// Update the 'format' selector if the visibility changed.
|
|
var $select = $('select.field-formatter-type', dragObject.rowObject.element);
|
|
var oldVisibility = $select[0].className.replace(/([^ ]+[ ]+)*field-display-([^ ]+)([ ]+[^ ]+)*/, '$2');
|
|
if (visibility != oldVisibility) {
|
|
$select.removeClass('field-display-' + oldVisibility).addClass('field-display-' + visibility);
|
|
|
|
// Update the selected formatter if coming from an actual drag.
|
|
if (!$select.data('noUpdate')) {
|
|
if (visibility == 'visible') {
|
|
// Restore the formatter back to the previously selected one if
|
|
// available, or to the default formatter.
|
|
var value = $select.data('oldFormatter');
|
|
if (typeof value == 'undefined') {
|
|
// Extract field name from the name of the select.
|
|
var fieldName = $select[0].className.match(/\bfield-name-(\S+)\b/)[1].replace('-', '_');
|
|
// Pseudo-fields do not have an entry in the defaultFormatters
|
|
// array, we just return to 'visible' for those.
|
|
value = (fieldName in defaultFormatters) ? defaultFormatters[fieldName] : 'visible';
|
|
}
|
|
$select.data('oldFormatter', value);
|
|
}
|
|
else {
|
|
var value = 'hidden';
|
|
}
|
|
$select.val(value);
|
|
}
|
|
$select.removeData('noUpdate');
|
|
}
|
|
};
|
|
|
|
// Add the behavior to each formatter select list.
|
|
$('select.field-formatter-type', context).once('field-formatter-type', function () {
|
|
// Initialize 'previously selected formatter' as the incoming value.
|
|
if ($(this).val() != 'hidden') {
|
|
$(this).data('oldFormatter', $(this).val());
|
|
}
|
|
|
|
// Add change listener.
|
|
$(this).change(function (event) {
|
|
var $select = $(this);
|
|
var value = $select.val();
|
|
|
|
// Keep track of the last selected formatter.
|
|
if (value != 'hidden') {
|
|
$select.data('oldFormatter', value);
|
|
}
|
|
|
|
var visibility = (value == 'hidden') ? 'hidden' : 'visible';
|
|
var oldVisibility = $select[0].className.replace(/([^ ]+[ ]+)*field-display-([^ ]+)([ ]+[^ ]+)*/, '$2');
|
|
if (visibility != oldVisibility) {
|
|
// Prevent the onDrop handler from overriding the selected option.
|
|
$select.data('noUpdate', true);
|
|
|
|
// Make our new row and select field.
|
|
var $row = $(this).parents('tr:first');
|
|
var $table = $(this).parents('table');
|
|
var tableDrag = Drupal.tableDrag[$table.attr('id')];
|
|
tableDrag.rowObject = new tableDrag.row($row);
|
|
|
|
// Move the row at the bottom of the new section.
|
|
if (visibility == 'hidden') {
|
|
$('tr:last', tableDrag.table).after($row);
|
|
}
|
|
else {
|
|
$('tr.region-title-hidden', tableDrag.table).before($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, tableDrag.rowObject);
|
|
}
|
|
|
|
// Remove focus from selectbox.
|
|
$select.get(0).blur();
|
|
});
|
|
});
|
|
|
|
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').length == 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);
|