Ekapp/skolehjem/resources/js/navmenu/menu.js

document.addEventListener("DOMContentLoaded", function(){
    // Handler when the DOM is fully loaded
    var path = window.location.pathname;

    if(path === "/menuplans" || path === "/vagttelefon" || path === "/")
    {
        document.getElementById ('toggle').addEventListener ('click', toggleMenu, false);
    }
});

function toggleMenu() {
    var buttonElement = document.getElementById('menuIcon');

    var htmlElement = document.getElementsByTagName('html')[0];
    var logoElement = document.getElementById('sdeLogo');
    var mainElement = document.getElementsByTagName('main')[0];

    var menu = document.getElementById('menu');

    if(buttonElement.alt === '-')
    {
        htmlElement.style.backgroundColor = 'rgb(0, 120, 138)';
        logoElement.src = '/images/logos/Logo-hvid.svg';
        menu.classList.remove('d-none');
        mainElement.classList.add('d-none');

        buttonElement.alt = 'X';
    }
    else
    {
        htmlElement.style.backgroundColor = 'rgb(255, 255, 255)';
        logoElement.src = '/images/logos/Logo-normal.svg';
        menu.classList.add('d-none');
        mainElement.classList.remove('d-none');

        buttonElement.alt = '-';
    }
}