[4.0] ES6 please, com menu

build/media_src/com_menus/js/admin-item-edit.es6.js

@@ -0,0 +1,92 @@
+/**
+ * @copyright  Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+((Joomla) => {
+  'use strict';
+
+  Joomla.submitbutton = (task, type) => {
+    if (task === 'item.setType' || task === 'item.setMenuType') {
+      if (task === 'item.setType') {
+        const list = [].slice.call(document.querySelectorAll('#item-form input[name="jform[type]"]'));
+
+        list.forEach((item) => {
+          item.value = type;
+        });
+
+        document.getElementById('fieldtype').value = 'type';
+      } else {
+        const list = [].slice.call(document.querySelectorAll('#item-form input[name="jform[menutype]"]'));
+
+        list.forEach((item) => {
+          item.value = type;
+        });
+      }
+
+      Joomla.submitform('item.setType', document.getElementById('item-form'));
+    } else if (task === 'item.cancel' || document.formvalidator.isValid(document.getElementById('item-form'))) {
+      Joomla.submitform(task, document.getElementById('item-form'));
+    } else {
+      // special case for modal popups validation response
+      const list = [].slice.call(document.querySelectorAll('#item-form .modal-value.invalid'));
+
+      list.forEach((field) => {
+        const idReversed = field.getAttribute('id').split('').reverse().join('');
+        const separatorLocation = idReversed.indexOf('_');
+        const nameId = `${idReversed.substr(separatorLocation).split('').reverse().join('')}name`;
+        document.getElementById(nameId).classList.add('invalid');
+      });
+    }
+  };
+
+  const onChange = (event) => {
+    const menuType = event.target.value;
+
+    Joomla.request({
+      url: `index.php?option=com_menus&task=item.getParentItem&menutype=${menuType}`,
+      headers: { 'Content-Type': 'application/json' },
+
+      onSuccess(response) {
+        const data = JSON.parse(response);
+        const list = [].slice.call(document.querySelectorAll('#jform_parent_id option'));
+
+        list.forEach((item) => {
+          if (item.value !== '1') {
+            item.parentNode.removeChild(item);
+          }
+        });
+
+        data.forEach((value) => {
+          const option = document.createElement('option');
+          option.innerText = value.title;
+          option.id = value.id;
+          document.getElementById('jform_parent_id').appendChild(option);
+        });
+
+        const newEvent = document.createEvent('HTMLEvents');
+        newEvent.initEvent('change', true, false);
+        document.getElementById('jform_parent_id').dispatchEvent(newEvent);
+      },
+      onError: (xhr) => {
+        Joomla.renderMessages(Joomla.ajaxErrorsMessages(xhr));
+      },
+    });
+  };
+
+  const onBoot = () => {
+    if (!Joomla || typeof Joomla.request !== 'function') {
+      throw new Error('core.js was not properly initialised');
+    }
+
+    const element = document.getElementById('jform_menutype');
+
+    if (element) {
+      element.addEventListener('change', onChange);
+    }
+
+    // Cleanup
+    document.removeEventListener('DOMContentLoaded', onBoot);
+  };
+
+  document.addEventListener('DOMContentLoaded', onBoot);
+})(Joomla);

build/media_src/com_menus/js/admin-item-edit_container.es6.js

@@ -0,0 +1,23 @@
+/**
+ * @copyright  Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
+ * @license    GNU General Public License version 2 or later; see LICENSE.txt
+ */
+// @todo vanillify this script
+window.jQuery(document).ready(($) => {
+  'use strict';
+
+  const propagate = () => {
+    const $this = $(this);
+    const sub = $this.closest('li').find('.treeselect-sub [type="checkbox"]');
+    sub.prop('checked', this.checked);
+    if ($this.val() === 1) {
+      sub.each(propagate);
+    } else {
+      sub.attr('disabled', this.checked ? 'disabled' : null);
+    }
+  };
+
+  $('.treeselect')
+    .on('click', '[type="checkbox"]', propagate)
+    .find('[type="checkbox"]:checked').each(propagate);
+});