Contrib.social

Drupal standarts of JS (Jquery)

Open on Drupal.org →
Created on 17 July 2023, almost 2 years ago

Problem/Motivation

The native JS is good, but, according to the drupal js cashing and another standatrs points I suggest to move it to the drupal standarts of Js. I really respect this approach, but it makes a mess in the future.

Proposed resolution

I did locally some updates

(function ($, Drupal, drupalSettings) {

  'use strict';

  Drupal.behaviors.menuTree = {
    attach: function (context, settings) {

      /**
       * Add functionality for expanding and collapsing menu tree.
       */
      $(once('menu-tree-toggle', '#edit-menu', context)).on('click', 'span.toggle', function(event) {
        $($(event.currentTarget)).toggleClass("show");
      });

      /**
       * Set default value of menu tree and expand active branches.
       */
      $(once('menu-tree-state', '#edit-menu input[name="menu[menu_parent]"]', context)).each(function (index, element) {
        let $item = $('#edit-menu input[name="menu_tree"][value="' + element.value + '"]', context).get(0);
        $item.checked = true;
        while ($item) {
          if ($item.matches('li') && $item.firstElementChild.matches('.toggle')) {
            $($item.firstElementChild).addClass("show");
          }
          $item = $item.parentElement;
        }
      });

      /**
       * React on radio button changes and set value of actual menu parent element.
       */
      $(once('menu-tree-change', '#edit-menu input[type="radio"][name="menu_tree"]', context)).on('change', function(event) {
        $('#edit-menu input[name="menu[menu_parent]"]', context).get(0).value = $(event.currentTarget).val();
      });
    }
  };
})(jQuery, Drupal, drupalSettings);
📌 Task
Status

Active

Version

1.0

Component

Code

Created by

🇺🇦Ukraine t1mm1 Kiev

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

contrib.social Blog FAQ Discussions
Production build 0.71.5 2024