119 lines
3.2 KiB
JavaScript
119 lines
3.2 KiB
JavaScript
/**
|
|
* @file
|
|
* Javascript functionality for Display Suite's administration UI.
|
|
*/
|
|
|
|
(function($) {
|
|
|
|
Drupal.DisplaySuite = Drupal.DisplaySuite || {};
|
|
Drupal.DisplaySuite.fieldopened = '';
|
|
Drupal.DisplaySuite.layout_original = '';
|
|
|
|
/**
|
|
* Ctools selection content.
|
|
*/
|
|
Drupal.behaviors.CToolsSelection = {
|
|
attach: function (context) {
|
|
if ($('#ctools-content-selection').length > 0) {
|
|
$('#ctools-content-selection .section-link').click(function() {
|
|
$('#ctools-content-selection .content').hide();
|
|
container = $(this).attr('id') + '-container';
|
|
$('#' + container).show();
|
|
return false;
|
|
});
|
|
}
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Save the Dynamic field content configuration.
|
|
*/
|
|
$.fn.dsCtoolsContentConfiguration = function (configuration) {
|
|
$(this[0]).val(configuration);
|
|
}
|
|
|
|
/**
|
|
* Update the select content text.
|
|
*/
|
|
$.fn.dsCtoolsContentUpdate = function () {
|
|
$(this[0]).html(Drupal.t('Click update to save the configuration'));
|
|
}
|
|
|
|
/**
|
|
* Save the page after saving a new field.
|
|
*/
|
|
$.fn.dsRefreshDisplayTable = function () {
|
|
$('#edit-submit').click();
|
|
}
|
|
|
|
/**
|
|
* Row handlers for the 'Manage display' screen.
|
|
*/
|
|
Drupal.fieldUIDisplayOverview = Drupal.fieldUIDisplayOverview || {};
|
|
|
|
Drupal.fieldUIDisplayOverview.ds = function (row, data) {
|
|
|
|
this.row = row;
|
|
this.name = data.name;
|
|
this.region = data.region;
|
|
this.tableDrag = data.tableDrag;
|
|
|
|
// Attach change listener to the 'region' select.
|
|
this.$regionSelect = $('select.ds-field-region', row);
|
|
this.$regionSelect.change(Drupal.fieldUIOverview.onChange);
|
|
|
|
// Attach change listener to the 'formatter type' select.
|
|
this.$formatSelect = $('select.field-formatter-type', row);
|
|
this.$formatSelect.change(Drupal.fieldUIOverview.onChange);
|
|
|
|
return this;
|
|
};
|
|
|
|
Drupal.fieldUIDisplayOverview.ds.prototype = {
|
|
|
|
/**
|
|
* Returns the region corresponding to the current form values of the row.
|
|
*/
|
|
getRegion: function () {
|
|
return this.$regionSelect.val();
|
|
},
|
|
|
|
/**
|
|
* Reacts to a row being changed regions.
|
|
*
|
|
* This function is called when the row is moved to a different region, as a
|
|
* result of either :
|
|
* - a drag-and-drop action
|
|
* - user input in one of the form elements watched by the
|
|
* Drupal.fieldUIOverview.onChange change listener.
|
|
*
|
|
* @param region
|
|
* The name of the new region for the row.
|
|
* @return
|
|
* A hash object indicating which rows should be AJAX-updated as a result
|
|
* of the change, in the format expected by
|
|
* Drupal.displayOverview.AJAXRefreshRows().
|
|
*/
|
|
regionChange: function (region) {
|
|
|
|
// Replace dashes with underscores.
|
|
region = region.replace(/-/g, '_');
|
|
|
|
// Set the region of the select list.
|
|
this.$regionSelect.val(region);
|
|
|
|
// Prepare rows to be refreshed in the form.
|
|
var refreshRows = {};
|
|
refreshRows[this.name] = this.$regionSelect.get(0);
|
|
|
|
// If a row is handled by field_group module, loop through the children.
|
|
if ($(this.row).hasClass('field-group') && $.isFunction(Drupal.fieldUIDisplayOverview.group.prototype.regionChangeFields)) {
|
|
Drupal.fieldUIDisplayOverview.group.prototype.regionChangeFields(region, this, refreshRows);
|
|
}
|
|
|
|
return refreshRows;
|
|
}
|
|
};
|
|
|
|
})(jQuery);
|