diff --git a/src/js/bundle.js b/src/js/bundle.js index e58ca0ba5ee984c01ff9285f78088864eb35975c..2a50cad51e201d49d591da9aa8436324ef9fb12f 100644 --- a/src/js/bundle.js +++ b/src/js/bundle.js @@ -61,24 +61,6 @@ ready(function () { }; - // Expander boxes - var expandable = document.querySelectorAll('.expandable > .expander'); - expandable.forEach(function (currentValue, index, arr) { - currentValue.onclick = function (e) { - e.preventDefault(); - - var parent = e.currentTarget.parentNode; - if (parent.className.match(/(?:^|\s)expanded(?!\S)/)) { - parent.className = parent.className.replace(/(?:^|\s)expanded(?!\S)/g , ''); - } else { - parent.className += " expanded"; - } - - e.currentTarget.blur(); - } - }); - - // Syntax highlight hljs.registerLanguage('xml', xml); hljs.registerLanguage('php', php); diff --git a/src/js/expander.js b/src/js/expander.js new file mode 100644 index 0000000000000000000000000000000000000000..a141b0a4865c86c2fc7c6cfffb45e518231a892b --- /dev/null +++ b/src/js/expander.js @@ -0,0 +1,16 @@ +// Expander boxes +var expandable = document.querySelectorAll('.expandable > .expander'); +expandable.forEach(function (currentValue, index, arr) { + currentValue.onclick = function (e) { + e.preventDefault(); + + var parent = e.currentTarget.parentNode; + if (parent.className.match(/(?:^|\s)expanded(?!\S)/)) { + parent.className = parent.className.replace(/(?:^|\s)expanded(?!\S)/g , ''); + } else { + parent.className += " expanded"; + } + + e.currentTarget.blur(); + } +}); diff --git a/templates/includes/expander.twig b/templates/includes/expander.twig index 37deceb6bfbbd4711dc8d03b13029646ac855cf0..55db45ae6d72cf313ad9a90fd5e9a4210353cdfb 100644 --- a/templates/includes/expander.twig +++ b/templates/includes/expander.twig @@ -11,3 +11,6 @@ </div> </div> +{% block postload %} + <script src="{{ asset('js/expander.js') }}"></script> +{% endblock %} diff --git a/webpack.config.js b/webpack.config.js index 12a13b08aea240143a40c014d69b8ea26e8d8635..01b924209b9e90c815d2e502aa110ea423fc3c19 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -18,6 +18,7 @@ module.exports = environment => { return { entry: { bundle: './src/js/bundle', + expander: './src/js/expander', logout: './src/js/logout/main', stylesheet: './src/js/style' },