diff --git a/build/media/com_newsfeeds/js/categories-default.js b/build/media/com_newsfeeds/js/categories-default.js deleted file mode 100644 index 1c09270d0219a..0000000000000 --- a/build/media/com_newsfeeds/js/categories-default.js +++ /dev/null @@ -1,43 +0,0 @@ -/** - * @copyright Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved. - * @license GNU General Public License version 2 or later; see LICENSE.txt - */ -(function (JText) { - 'use strict'; - - // Selectors used by this script - var buttonsSelector = '[id^=category-btn-]'; - - /** - * Handle the category toggle button click event - * @param event - */ - var handleCategoryToggleButtonClick = function (event) { - var button = event.currentTarget; - var icon = button.querySelector('span'); - - // Toggle icon class - icon.classList.toggle('icon-plus'); - icon.classList.toggle('icon-minus'); - - // Toggle aria label - var ariaLabel = button.getAttribute('aria-label'); - button.setAttribute('aria-label', ( - ariaLabel === JText._('JGLOBAL_EXPAND_CATEGORIES') ? JText._('JGLOBAL_COLLAPSE_CATEGORIES') : JText._('JGLOBAL_EXPAND_CATEGORIES') - )); - }; - - /** - * Register the events - */ - var registerEvents = function () { - var buttons = [].slice.call(document.querySelectorAll(buttonsSelector)); - buttons.forEach(function (button) { - button.addEventListener('click', handleCategoryToggleButtonClick); - }); - }; - - document.addEventListener('DOMContentLoaded', function () { - registerEvents(); - }); -})(Joomla.JText); diff --git a/build/media_src/com_newsfeeds/js/categories-default.es6.js b/build/media_src/com_newsfeeds/js/categories-default.es6.js new file mode 100644 index 0000000000000..72ad0a83dbeb0 --- /dev/null +++ b/build/media_src/com_newsfeeds/js/categories-default.es6.js @@ -0,0 +1,46 @@ +/** + * @copyright Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved. + * @license GNU General Public License version 2 or later; see LICENSE.txt + */ +((JText) => { + 'use strict'; + + // Selectors used by this script + const buttonsSelector = '[id^=category-btn-]'; + + /** + * Handle the category toggle button click event + * @param event + */ + const handleCategoryToggleButtonClick = (event) => { + const button = event.currentTarget; + const icon = button.querySelector('span'); + + // Toggle icon class + icon.classList.toggle('icon-plus'); + icon.classList.toggle('icon-minus'); + + // Toggle aria label + const ariaLabel = button.getAttribute('aria-label'); + button.setAttribute( + 'aria-label', + (ariaLabel === JText._('JGLOBAL_COLLAPSE_CATEGORIES') + || JText._('JGLOBAL_EXPAND_CATEGORIES')), + ); + }; + + /** + * Register the events + */ + const registerEvents = () => { + const buttons = [].slice.call(document.querySelectorAll(buttonsSelector)); + buttons.forEach((button) => { + button.addEventListener('click', handleCategoryToggleButtonClick); + }); + + // Cleanup + document.removeEventListener('DOMContentLoaded', registerEvents); + }; + + document.addEventListener('DOMContentLoaded', registerEvents); +})(Joomla.JText);