Schelfhout 42

document.addEventListener('DOMContentLoaded', function () { // Function to update visibility based on the user's role function updateVisibilityBasedOnRole() { var choicesGuide = document.querySelector('.osc-choices-guide'); var signInRequired = document.querySelector('.sign-in-required'); if (!choicesGuide || !signInRequired) { console.warn( `Missing elements: ${ !choicesGuide ? '.osc-choices-guide' : '' } ${!signInRequired ? '.sign-in-required' : ''}`.trim() ); return; } if (openstadUserRole && openstadUserRole.trim() !== '') { // User is signed in choicesGuide.style.display = 'block'; signInRequired.style.display = 'none'; } else { // User is signed out choicesGuide.style.display = 'none'; signInRequired.style.display = 'block'; } } // Observe the DOM for changes to ensure elements are present var observer = new MutationObserver(function (mutationsList, observer) { var choicesGuide = document.querySelector('.osc-choices-guide'); var signInRequired = document.querySelector('.sign-in-required'); if (choicesGuide && signInRequired) { observer.disconnect(); // Stop observing once elements are found updateVisibilityBasedOnRole(); // Update visibility } }); // Start observing the entire document for child node additions observer.observe(document.body, { childList: true, subtree: true }); // Initial check if elements are already in the DOM updateVisibilityBasedOnRole(); });