137 lines
3.8 KiB
JavaScript
137 lines
3.8 KiB
JavaScript
|
|
(function($) {
|
|
|
|
Drupal.behaviors.fieldUIFieldsOverview = {
|
|
attach: function (context, settings) {
|
|
$('table#field-overview', context).once('field-field-overview', function() {
|
|
Drupal.fieldUIOverview.attach(this, settings.fieldUIRowsData, Drupal.fieldUIFieldOverview);
|
|
});
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Row handlers for the 'Manage fields' screen.
|
|
*/
|
|
Drupal.fieldUIFieldOverview = Drupal.fieldUIFieldOverview || {};
|
|
|
|
Drupal.fieldUIFieldOverview.group = function(row, data) {
|
|
this.row = row;
|
|
this.name = data.name;
|
|
this.region = data.region;
|
|
this.tableDrag = data.tableDrag;
|
|
|
|
// Attach change listener to the 'group format' select.
|
|
this.$formatSelect = $('select.field-group-type', row);
|
|
this.$formatSelect.change(Drupal.fieldUIOverview.onChange);
|
|
|
|
return this;
|
|
};
|
|
|
|
Drupal.fieldUIFieldOverview.group.prototype = {
|
|
getRegion: function () {
|
|
return 'main';
|
|
},
|
|
|
|
regionChange: function (region, recurse) {
|
|
return {};
|
|
},
|
|
|
|
regionChangeFields: function (region, element, refreshRows) {
|
|
|
|
// Create a new tabledrag rowObject, that will compute the group's child
|
|
// rows for us.
|
|
var tableDrag = element.tableDrag;
|
|
rowObject = new tableDrag.row(element.row, 'mouse', true);
|
|
// Skip the main row, we handled it above.
|
|
rowObject.group.shift();
|
|
|
|
// Let child rows handlers deal with the region change - without recursing
|
|
// on nested group rows, we are handling them all here.
|
|
$.each(rowObject.group, function() {
|
|
var childRow = this;
|
|
var childRowHandler = $(childRow).data('fieldUIRowHandler');
|
|
$.extend(refreshRows, childRowHandler.regionChange(region, false));
|
|
});
|
|
}
|
|
};
|
|
|
|
|
|
/**
|
|
* Row handlers for the 'Manage display' screen.
|
|
*/
|
|
Drupal.fieldUIDisplayOverview = Drupal.fieldUIDisplayOverview || {};
|
|
|
|
Drupal.fieldUIDisplayOverview.group = function(row, data) {
|
|
this.row = row;
|
|
this.name = data.name;
|
|
this.region = data.region;
|
|
this.tableDrag = data.tableDrag;
|
|
|
|
// Attach change listener to the 'group format' select.
|
|
this.$formatSelect = $('select.field-group-type', row);
|
|
this.$formatSelect.change(Drupal.fieldUIOverview.onChange);
|
|
|
|
return this;
|
|
};
|
|
|
|
Drupal.fieldUIDisplayOverview.group.prototype = {
|
|
getRegion: function () {
|
|
return (this.$formatSelect.val() == 'hidden') ? 'hidden' : 'visible';
|
|
},
|
|
|
|
regionChange: function (region, recurse) {
|
|
|
|
// Default recurse to true.
|
|
recurse = (recurse == undefined) || recurse;
|
|
|
|
// When triggered by a row drag, the 'format' select needs to be adjusted to
|
|
// the new region.
|
|
var currentValue = this.$formatSelect.val();
|
|
switch (region) {
|
|
case 'visible':
|
|
if (currentValue == 'hidden') {
|
|
// Restore the group format back to 'fieldset'.
|
|
var value = 'fieldset';
|
|
}
|
|
break;
|
|
|
|
default:
|
|
var value = 'hidden';
|
|
break;
|
|
}
|
|
if (value != undefined) {
|
|
this.$formatSelect.val(value);
|
|
}
|
|
|
|
var refreshRows = {};
|
|
refreshRows[this.name] = this.$formatSelect.get(0);
|
|
|
|
if (recurse) {
|
|
this.regionChangeFields(region, this, refreshRows);
|
|
}
|
|
|
|
return refreshRows;
|
|
},
|
|
|
|
regionChangeFields: function (region, element, refreshRows) {
|
|
|
|
// Create a new tabledrag rowObject, that will compute the group's child
|
|
// rows for us.
|
|
var tableDrag = element.tableDrag;
|
|
rowObject = new tableDrag.row(element.row, 'mouse', true);
|
|
// Skip the main row, we handled it above.
|
|
rowObject.group.shift();
|
|
|
|
// Let child rows handlers deal with the region change - without recursing
|
|
// on nested group rows, we are handling them all here.
|
|
$.each(rowObject.group, function() {
|
|
var childRow = this;
|
|
var childRowHandler = $(childRow).data('fieldUIRowHandler');
|
|
$.extend(refreshRows, childRowHandler.regionChange(region, false));
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
})(jQuery); |