www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/content_translation/content_translation.admin.js

   1 /**
   2  * @file
   3  * Content Translation admin behaviors.
   4  */
   5
   6 (function ($, Drupal, drupalSettings) {
   7
   8   'use strict';
   9
  10   /**
  11    * Forces applicable options to be checked as translatable.
  12    *
  13    * @type {Drupal~behavior}
  14    *
  15    * @prop {Drupal~behaviorAttach} attach
  16    *   Attaches content translation dependent options to the UI.
  17    */
  18   Drupal.behaviors.contentTranslationDependentOptions = {
  19     attach: function (context) {
  20       var $context = $(context);
  21       var options = drupalSettings.contentTranslationDependentOptions;
  22       var $fields;
  23       var dependent_columns;
  24
  25       function fieldsChangeHandler($fields, dependent_columns) {
  26         return function (e) {
  27           Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns, $(e.target));
  28         };
  29       }
  30
  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
  33       // translatable.
  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];
  39
  40             $fields.on('change', fieldsChangeHandler($fields, dependent_columns));
  41             Drupal.behaviors.contentTranslationDependentOptions.check($fields, dependent_columns);
  42           }
  43         }
  44       }
  45     },
  46     check: function ($fields, dependent_columns, $changed) {
  47       var $element = $changed;
  48       var column;
  49
  50       function filterFieldsList(index, field) {
  51         return $(field).val() === column;
  52       }
  53
  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];
  59
  60           if (!$changed) {
  61             $element = $fields.filter(filterFieldsList);
  62           }
  63
  64           if ($element.is('input[value="' + column + '"]:checked')) {
  65             $fields.prop('checked', true)
  66               .not($element).prop('disabled', true);
  67           }
  68           else {
  69             $fields.prop('disabled', false);
  70           }
  71
  72         }
  73       }
  74     }
  75   };
  76
  77   /**
  78    * Makes field translatability inherit bundle translatability.
  79    *
  80    * @type {Drupal~behavior}
  81    *
  82    * @prop {Drupal~behaviorAttach} attach
  83    *   Attaches content translation behavior.
  84    */
  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 () {
  90         var $input = $(this);
  91         var $bundleSettings = $input.closest('.bundle-settings');
  92         if (!$input.is(':checked')) {
  93           $bundleSettings.nextUntil('.bundle-settings').hide();
  94         }
  95         else {
  96           $bundleSettings.nextUntil('.bundle-settings', '.field-settings').find('.translatable :input:not(:checked)').closest('.field-settings').nextUntil(':not(.column-settings)').hide();
  97         }
  98       });
  99
 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);
 111           $settings.show();
 112         }
 113         else {
 114           $settings.hide();
 115         }
 116       })
 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();
 123           }
 124           else {
 125             $columnSettings.hide();
 126           }
 127         });
 128     }
 129   };
 130
 131 })(jQuery, Drupal, drupalSettings);