3 * Content Translation admin behaviors.
6 (function ($, Drupal, drupalSettings) {
11 * Forces applicable options to be checked as translatable.
13 * @type {Drupal~behavior}
15 * @prop {Drupal~behaviorAttach} attach
16 * Attaches content translation dependent options to the UI.
18 Drupal.behaviors.contentTranslationDependentOptions = {
19 attach: function (context) {
20 var $context = $(context);
21 var options = drupalSettings.contentTranslationDependentOptions;
23 var dependent_columns;
25 function fieldsChangeHandler($fields, dependent_columns) {
27 Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns, $(e.target));
31 // We're given a generic name to look for so we find all inputs containing
32 // that name and copy over the input values that require all columns to be
34 if (options && options.dependent_selectors) {
35 for (var field in options.dependent_selectors) {
36 if (options.dependent_selectors.hasOwnProperty(field)) {
37 $fields = $context.find('input[name^="' + field + '"]');
38 dependent_columns = options.dependent_selectors[field];
40 $fields.on('change', fieldsChangeHandler($fields, dependent_columns));
41 Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns);
46 check: function ($fields, dependent_columns, $changed) {
47 var $element = $changed;
50 function filterFieldsList(index, field) {
51 return $(field).val() === column;
54 // A field that has many different translatable parts can also define one
55 // or more columns that require all columns to be translatable.
56 for (var index in dependent_columns) {
57 if (dependent_columns.hasOwnProperty(index)) {
58 column = dependent_columns[index];
61 $element = $fields.filter(filterFieldsList);
64 if ($element.is('input[value="' + column + '"]:checked')) {
65 $fields.prop('checked', true)
66 .not($element).prop('disabled', true);
69 $fields.prop('disabled', false);
78 * Makes field translatability inherit bundle translatability.
80 * @type {Drupal~behavior}
82 * @prop {Drupal~behaviorAttach} attach
83 * Attaches content translation behavior.
85 Drupal.behaviors.contentTranslation = {
86 attach: function (context) {
87 // Initially hide all field rows for non translatable bundles and all
88 // column rows for non translatable fields.
89 $(context).find('table .bundle-settings .translatable :input').once('translation-entity-admin-hide').each(function () {
91 var $bundleSettings = $input.closest('.bundle-settings');
92 if (!$input.is(':checked')) {
93 $bundleSettings.nextUntil('.bundle-settings').hide();
96 $bundleSettings.nextUntil('.bundle-settings', '.field-settings').find('.translatable :input:not(:checked)').closest('.field-settings').nextUntil(':not(.column-settings)').hide();
100 // When a bundle is made translatable all of its fields should inherit
101 // this setting. Instead when it is made non translatable its fields are
102 // hidden, since their translatability no longer matters.
103 $('body').once('translation-entity-admin-bind').on('click', 'table .bundle-settings .translatable :input', function (e) {
104 var $target = $(e.target);
105 var $bundleSettings = $target.closest('.bundle-settings');
106 var $settings = $bundleSettings.nextUntil('.bundle-settings');
107 var $fieldSettings = $settings.filter('.field-settings');
108 if ($target.is(':checked')) {
109 $bundleSettings.find('.operations :input[name$="[language_alterable]"]').prop('checked', true);
110 $fieldSettings.find('.translatable :input').prop('checked', true);
117 .on('click', 'table .field-settings .translatable :input', function (e) {
118 var $target = $(e.target);
119 var $fieldSettings = $target.closest('.field-settings');
120 var $columnSettings = $fieldSettings.nextUntil('.field-settings, .bundle-settings');
121 if ($target.is(':checked')) {
122 $columnSettings.show();
125 $columnSettings.hide();
131 })(jQuery, Drupal, drupalSettings);