diff --git a/src/js/bundle.js b/src/js/bundle.js index 608ce4d262543e847dc3095c2d0b487d9621c0cb..274ec3f9d96392445e2bbe95cb30b6de2693be31 100644 --- a/src/js/bundle.js +++ b/src/js/bundle.js @@ -8,33 +8,58 @@ import json from "highlight.js/lib/languages/json"; window.readyHandlers = []; window.ready = function ready(handler) { - window.readyHandlers.push(handler); - handleState(); + window.readyHandlers.push(handler); + handleState(); }; window.handleState = function handleState () { - if (document.readyState === 'interactive' || document.readyState === "complete") { - while(window.readyHandlers.length > 0) { - (window.readyHandlers.shift())(); + if (document.readyState === 'interactive' || document.readyState === "complete") { + while(window.readyHandlers.length > 0) { + (window.readyHandlers.shift())(); + } } - } }; document.onreadystatechange = window.handleState; -$(document).ready(function () { - $('#language-selector').on('change', function () { - $("#language-form").submit(); - }); +ready(function () { + // Language selector + var languageSelector = document.getElementById("language-selector"); + languageSelector.onchange = function() { + var languageForm = document.getElementById("language-form"); + languageForm.submit(); + return true; + }; - // side menu - $('#menuLink').click(function (e) { + // Side menu + var menuLink = document.getElementById("menuLink"); + menuLink.onclick = function(e) { e.preventDefault(); - $('#layout').toggleClass('active'); - $('#foot').toggleClass('active'); - $(this).toggleClass('active'); - }); + var layout = document.getElementById("layout"); + if (layout.className.match(/(?:^|\s)active(?!\S)/)) { + layout.className = layout.className.replace(/(?:^|\s)active(?!\S)/g , ''); + } else { + layout.className += " active"; + } + + var foot = document.getElementById("foot"); + if (foot.className.match(/(?:^|\s)active(?!\S)/)) { + foot.className = foot.className.replace(/(?:^|\s)active(?!\S)/g , ''); + } else { + foot.className += " active"; + } + + if (menuLink.className.match(/(?:^|\s)active(?!\S)/)) { + menuLink.className = menuLink.className.replace(/(?:^|\s)active(?!\S)/g , ''); + } else { + menuLink.className += " active"; + } + }; +}); + + +$(document).ready(function () { // expander boxes $('.expandable > .expander').on('click', function (e) { e.preventDefault();