Initial Drupal 11 with DDEV setup

web/core/modules/locale/js/locale.admin.js

@@ -0,0 +1,125 @@
+/**
+ * @file
+ * Locale admin behavior.
+ */
+
+(function ($, Drupal) {
+  /**
+   * Marks changes of translations.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches behavior to show the user if translations has changed.
+   * @prop {Drupal~behaviorDetach} detach
+   *   Detach behavior to show the user if translations has changed.
+   */
+  Drupal.behaviors.localeTranslateDirty = {
+    attach() {
+      const form = once('localetranslatedirty', '#locale-translate-edit-form');
+      if (form.length) {
+        const $form = $(form);
+        // Display a notice if any row changed.
+        $form.one('formUpdated.localeTranslateDirty', 'table', function () {
+          const $marker = $(
+            Drupal.theme('localeTranslateChangedWarning'),
+          ).hide();
+          $(this).addClass('changed').before($marker);
+          $marker.fadeIn('slow');
+        });
+        // Highlight changed row.
+        $form.on('formUpdated.localeTranslateDirty', 'tr', function () {
+          const $row = $(this);
+          const rowToMark = once('localemark', $row);
+          const marker = Drupal.theme('localeTranslateChangedMarker');
+
+          $row.addClass('changed');
+          // Add an asterisk only once if row changed.
+          if (rowToMark.length) {
+            $(rowToMark).find('td:first-child .js-form-item').append(marker);
+          }
+        });
+      }
+    },
+    detach(context, settings, trigger) {
+      if (trigger === 'unload') {
+        const form = once.remove(
+          'localetranslatedirty',
+          '#locale-translate-edit-form',
+        );
+        if (form.length) {
+          $(form).off('formUpdated.localeTranslateDirty');
+        }
+      }
+    },
+  };
+
+  /**
+   * Show/hide the description details on Available translation updates page.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches behavior for toggling details on the translation update page.
+   */
+  Drupal.behaviors.hideUpdateInformation = {
+    attach(context, settings) {
+      const table = once('expand-updates', '#locale-translation-status-form');
+      if (table.length) {
+        const $table = $(table);
+        const $tableBodies = $table.find('tbody');
+
+        // Open/close the description details by toggling a tr class.
+        $tableBodies.on('click keydown', '.description', function (e) {
+          if (e.keyCode && e.keyCode !== 13 && e.keyCode !== 32) {
+            return;
+          }
+          e.preventDefault();
+          const $tr = $(this).closest('tr');
+
+          $tr.toggleClass('expanded');
+
+          const $localePrefix = $tr.find('.locale-translation-update__prefix');
+          if ($localePrefix.length) {
+            // Change screen reader text.
+            $localePrefix[0].textContent = $tr.hasClass('expanded')
+              ? Drupal.t('Hide description')
+              : Drupal.t('Show description');
+          }
+        });
+        $table.find('.requirements, .links').hide();
+      }
+    },
+  };
+
+  $.extend(
+    Drupal.theme,
+    /** @lends Drupal.theme */ {
+      /**
+       * Creates markup for a changed translation marker.
+       *
+       * @return {string}
+       *   Markup for the marker.
+       */
+      localeTranslateChangedMarker() {
+        return `<abbr class="warning ajax-changed" title="${Drupal.t(
+          'Changed',
+        )}">*</abbr>`;
+      },
+
+      /**
+       * Creates markup for the translation changed warning.
+       *
+       * @return {string}
+       *   Markup for the warning.
+       */
+      localeTranslateChangedWarning() {
+        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>`;
+      },
+    },
+  );
+})(jQuery, Drupal);

web/core/modules/locale/js/locale.bulk.js

@@ -0,0 +1,37 @@
+/**
+ * @file
+ * Locale behavior.
+ */
+
+(function ($, Drupal) {
+  /**
+   * Select the language code of an imported file based on its filename.
+   *
+   * This only works if the file name ends with "LANGCODE.po".
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches behavior for preselecting language code based on filename.
+   */
+  Drupal.behaviors.importLanguageCodeSelector = {
+    attach(context, settings) {
+      const form = once('autodetect-lang', '#locale-translate-import-form');
+      if (form.length) {
+        const $form = $(form);
+        const $langcode = $form.find('.langcode-input');
+        $form.find('.file-import-input').on('change', function () {
+          // If the filename is fully the language code or the filename
+          // ends with a language code, pre-select that one.
+          const matches = this.value.match(/([^.][.]*)([\w-]+)\.po$/);
+          if (
+            matches &&
+            $langcode.find(`option[value="${matches[2]}"]`).length
+          ) {
+            $langcode[0].value = matches[2];
+          }
+        });
+      }
+    },
+  };
+})(jQuery, Drupal);