--- /dev/null
+/**
+ * @file
+ * Content Translation admin behaviors.
+ */
+
+(function ($, Drupal, drupalSettings) {
+ /**
+ * Forces applicable options to be checked as translatable.
+ *
+ * @type {Drupal~behavior}
+ *
+ * @prop {Drupal~behaviorAttach} attach
+ * Attaches content translation dependent options to the UI.
+ */
+ Drupal.behaviors.contentTranslationDependentOptions = {
+ attach(context) {
+ const $context = $(context);
+ const options = drupalSettings.contentTranslationDependentOptions;
+ let $fields;
+ let dependent_columns;
+
+ function fieldsChangeHandler($fields, dependent_columns) {
+ return function (e) {
+ Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns, $(e.target));
+ };
+ }
+
+ // We're given a generic name to look for so we find all inputs containing
+ // that name and copy over the input values that require all columns to be
+ // translatable.
+ if (options && options.dependent_selectors) {
+ for (const field in options.dependent_selectors) {
+ if (options.dependent_selectors.hasOwnProperty(field)) {
+ $fields = $context.find(`input[name^="${field}"]`);
+ dependent_columns = options.dependent_selectors[field];
+
+ $fields.on('change', fieldsChangeHandler($fields, dependent_columns));
+ Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns);
+ }
+ }
+ }
+ },
+ check($fields, dependent_columns, $changed) {
+ let $element = $changed;
+ let column;
+
+ function filterFieldsList(index, field) {
+ return $(field).val() === column;
+ }
+
+ // A field that has many different translatable parts can also define one
+ // or more columns that require all columns to be translatable.
+ for (const index in dependent_columns) {
+ if (dependent_columns.hasOwnProperty(index)) {
+ column = dependent_columns[index];
+
+ if (!$changed) {
+ $element = $fields.filter(filterFieldsList);
+ }
+
+ if ($element.is(`input[value="${column}"]:checked`)) {
+ $fields.prop('checked', true)
+ .not($element).prop('disabled', true);
+ }
+ else {
+ $fields.prop('disabled', false);
+ }
+ }
+ }
+ },
+ };
+
+ /**
+ * Makes field translatability inherit bundle translatability.
+ *
+ * @type {Drupal~behavior}
+ *
+ * @prop {Drupal~behaviorAttach} attach
+ * Attaches content translation behavior.
+ */
+ Drupal.behaviors.contentTranslation = {
+ attach(context) {
+ // Initially hide all field rows for non translatable bundles and all
+ // column rows for non translatable fields.
+ $(context).find('table .bundle-settings .translatable :input').once('translation-entity-admin-hide').each(function () {
+ const $input = $(this);
+ const $bundleSettings = $input.closest('.bundle-settings');
+ if (!$input.is(':checked')) {
+ $bundleSettings.nextUntil('.bundle-settings').hide();
+ }
+ else {
+ $bundleSettings.nextUntil('.bundle-settings', '.field-settings').find('.translatable :input:not(:checked)').closest('.field-settings').nextUntil(':not(.column-settings)').hide();
+ }
+ });
+
+ // When a bundle is made translatable all of its fields should inherit
+ // this setting. Instead when it is made non translatable its fields are
+ // hidden, since their translatability no longer matters.
+ $('body').once('translation-entity-admin-bind').on('click', 'table .bundle-settings .translatable :input', (e) => {
+ const $target = $(e.target);
+ const $bundleSettings = $target.closest('.bundle-settings');
+ const $settings = $bundleSettings.nextUntil('.bundle-settings');
+ const $fieldSettings = $settings.filter('.field-settings');
+ if ($target.is(':checked')) {
+ $bundleSettings.find('.operations :input[name$="[language_alterable]"]').prop('checked', true);
+ $fieldSettings.find('.translatable :input').prop('checked', true);
+ $settings.show();
+ }
+ else {
+ $settings.hide();
+ }
+ })
+ .on('click', 'table .field-settings .translatable :input', (e) => {
+ const $target = $(e.target);
+ const $fieldSettings = $target.closest('.field-settings');
+ const $columnSettings = $fieldSettings.nextUntil('.field-settings, .bundle-settings');
+ if ($target.is(':checked')) {
+ $columnSettings.show();
+ }
+ else {
+ $columnSettings.hide();
+ }
+ });
+ },
+ };
+}(jQuery, Drupal, drupalSettings));