Initial Drupal 11 with DDEV setup

web/core/modules/menu_ui/js/menu_ui.admin.js

@@ -0,0 +1,70 @@
+/**
+ * @file
+ * Menu UI admin behaviors.
+ */
+
+(function ($, Drupal) {
+  /**
+   *
+   * @type {Drupal~behavior}
+   */
+  Drupal.behaviors.menuUiChangeParentItems = {
+    attach(context, settings) {
+      const menu = once('menu-parent', '#edit-menu');
+      if (menu.length) {
+        const $menu = $(menu);
+        // Update the list of available parent menu items to match the initial
+        // available menus.
+        Drupal.menuUiUpdateParentList();
+
+        // Update list of available parent menu items.
+        $menu.on('change', 'input', Drupal.menuUiUpdateParentList);
+      }
+    },
+  };
+
+  /**
+   * Function to set the options of the menu parent item dropdown.
+   */
+  Drupal.menuUiUpdateParentList = function () {
+    const $menu = $('#edit-menu');
+    const values = [];
+
+    $menu.find('input:checked').each(function () {
+      // Get the names of all checked menus.
+      values.push(Drupal.checkPlain(this.value));
+    });
+
+    $.ajax({
+      url: `${window.location.protocol}//${window.location.host}${Drupal.url(
+        'admin/structure/menu/parents',
+      )}`,
+      type: 'POST',
+      data: { 'menus[]': values },
+      dataType: 'json',
+      success(options) {
+        const $select = $('#edit-menu-parent');
+        // Save key of last selected element.
+        const selected = $select[0].value;
+        // Remove all existing options from dropdown.
+        $select.children().remove();
+        // Add new options to dropdown. Keep a count of options for testing later.
+        let totalOptions = 0;
+        Object.keys(options || {}).forEach((machineName) => {
+          const selectContents = document.createElement('option');
+          selectContents.selected = machineName === selected;
+          selectContents.value = machineName;
+          selectContents.textContent = options[machineName];
+          $select.append(selectContents);
+          totalOptions++;
+        });
+
+        // Hide the parent options if there are no options for it.
+        $select
+          .closest('div')
+          .toggle(totalOptions > 0)
+          .attr('hidden', totalOptions === 0);
+      },
+    });
+  };
+})(jQuery, Drupal);

web/core/modules/menu_ui/js/menu_ui.js

@@ -0,0 +1,96 @@
+/**
+ * @file
+ * Menu UI behaviors.
+ */
+
+(function ($, Drupal) {
+  /**
+   * Set a summary on the menu link form.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Find the form and call `drupalSetSummary` on it.
+   */
+  Drupal.behaviors.menuUiDetailsSummaries = {
+    attach(context) {
+      $(context)
+        .find('.menu-link-form')
+        .drupalSetSummary((context) => {
+          const $context = $(context);
+          if (
+            $context.find('.js-form-item-menu-enabled input:checked').length
+          ) {
+            return Drupal.checkPlain(
+              $context.find('.js-form-item-menu-title input')[0].value,
+            );
+          }
+
+          return Drupal.t('Not in menu');
+        });
+    },
+  };
+
+  /**
+   * Automatically fill in a menu link title, if possible.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches change and keyup behavior for automatically filling out menu
+   *   link titles.
+   */
+  Drupal.behaviors.menuUiLinkAutomaticTitle = {
+    attach(context) {
+      const $context = $(context);
+      $context.find('.menu-link-form').each(function () {
+        const $this = $(this);
+        // Try to find menu settings widget elements as well as a 'title' field
+        // in the form, but play nicely with user permissions and form
+        // alterations.
+        const $checkbox = $this.find('.js-form-item-menu-enabled input');
+        const $linkTitle = $context.find('.js-form-item-menu-title input');
+        const $title = $this
+          .closest('form')
+          .find('.js-form-item-title-0-value input');
+        // Bail out if we do not have all required fields.
+        if (!($checkbox.length && $linkTitle.length && $title.length)) {
+          return;
+        }
+        // If there is a link title already, mark it as overridden. The user
+        // expects that toggling the checkbox twice will take over the node's
+        // title.
+        if ($checkbox[0].checked && $linkTitle[0].value.length) {
+          $linkTitle.data('menuLinkAutomaticTitleOverridden', true);
+        }
+        // Whenever the value is changed manually, disable this behavior.
+        $linkTitle.on('keyup', () => {
+          $linkTitle.data('menuLinkAutomaticTitleOverridden', true);
+        });
+        // Global trigger on checkbox (do not fill-in a value when disabled).
+        $checkbox.on('change', () => {
+          if ($checkbox[0].checked) {
+            if (!$linkTitle.data('menuLinkAutomaticTitleOverridden')) {
+              $linkTitle[0].value = $title[0].value;
+            }
+          } else {
+            $linkTitle[0].value = '';
+            $linkTitle.removeData('menuLinkAutomaticTitleOverridden');
+          }
+          $checkbox.closest('.vertical-tabs-pane').trigger('summaryUpdated');
+          $checkbox.trigger('formUpdated');
+        });
+        // Take over any title change.
+        $title.on('keyup', () => {
+          if (
+            !$linkTitle.data('menuLinkAutomaticTitleOverridden') &&
+            $checkbox[0].checked
+          ) {
+            $linkTitle[0].value = $title[0].value;
+            $linkTitle.trigger('formUpdated');
+          }
+        });
+      });
+    },
+  };
+})(jQuery, Drupal);