3 * Locale admin behavior.
6 (function ($, Drupal) {
11 * Marks changes of translations.
13 * @type {Drupal~behavior}
15 * @prop {Drupal~behaviorAttach} attach
16 * Attaches behavior to show the user if translations has changed.
17 * @prop {Drupal~behaviorDetach} detach
18 * Detach behavior to show the user if translations has changed.
20 Drupal.behaviors.localeTranslateDirty = {
22 var $form = $('#locale-translate-edit-form').once('localetranslatedirty');
24 // Display a notice if any row changed.
25 $form.one('formUpdated.localeTranslateDirty', 'table', function () {
26 var $marker = $(Drupal.theme('localeTranslateChangedWarning')).hide();
27 $(this).addClass('changed').before($marker);
28 $marker.fadeIn('slow');
30 // Highlight changed row.
31 $form.on('formUpdated.localeTranslateDirty', 'tr', function () {
33 var $rowToMark = $row.once('localemark');
34 var marker = Drupal.theme('localeTranslateChangedMarker');
36 $row.addClass('changed');
37 // Add an asterisk only once if row changed.
38 if ($rowToMark.length) {
39 $rowToMark.find('td:first-child .js-form-item').append(marker);
44 detach: function (context, settings, trigger) {
45 if (trigger === 'unload') {
46 var $form = $('#locale-translate-edit-form').removeOnce('localetranslatedirty');
48 $form.off('formUpdated.localeTranslateDirty');
55 * Show/hide the description details on Available translation updates page.
57 * @type {Drupal~behavior}
59 * @prop {Drupal~behaviorAttach} attach
60 * Attaches behavior for toggling details on the translation update page.
62 Drupal.behaviors.hideUpdateInformation = {
63 attach: function (context, settings) {
64 var $table = $('#locale-translation-status-form').once('expand-updates');
66 var $tbodies = $table.find('tbody');
68 // Open/close the description details by toggling a tr class.
69 $tbodies.on('click keydown', '.description', function (e) {
70 if (e.keyCode && (e.keyCode !== 13 && e.keyCode !== 32)) {
74 var $tr = $(this).closest('tr');
76 $tr.toggleClass('expanded');
78 // Change screen reader text.
79 $tr.find('.locale-translation-update__prefix').text(function () {
80 if ($tr.hasClass('expanded')) {
81 return Drupal.t('Hide description');
84 return Drupal.t('Show description');
88 $table.find('.requirements, .links').hide();
93 $.extend(Drupal.theme, /** @lends Drupal.theme */{
96 * Creates markup for a changed translation marker.
99 * Markup for the marker.
101 localeTranslateChangedMarker: function () {
102 return '<abbr class="warning ajax-changed" title="' + Drupal.t('Changed') + '">*</abbr>';
106 * Creates markup for the translation changed warning.
109 * Markup for the warning.
111 localeTranslateChangedWarning: function () {
112 return '<div class="clearfix messages messages--warning">' + Drupal.theme('localeTranslateChangedMarker') + ' ' + Drupal.t('Changes made in this table will not be saved until the form is submitted.') + '</div>';