diff --git a/root/scripts/resume.js b/root/scripts/resume.js index fb443bf..f25c7a9 100644 --- a/root/scripts/resume.js +++ b/root/scripts/resume.js @@ -44,21 +44,26 @@ const sideProjects = { this.allButton = btn; btn.addEventListener('click', function() { - let toggledOn = this.classList.contains('selected'); - if (!toggledOn) { - return; - } - + var didRemove = false sideProjects.categoryButtons.forEach((cBtn) => { - cBtn.classList.remove('selected'); + if (cBtn.classList.contains('selected')) { + didRemove = true; + cBtn.classList.remove('selected'); + } }); + if (didRemove) { + this.classList.add('selected'); + } + sideProjects.updateProjectVisibility(); }); }, _setupCategoryButton(btn) { btn.addEventListener('click', function() { + this.classList.toggle('selected'); + const stat = sideProjects.categoryStatus(); let noCategoriesSelected = Object.values(stat).every((v) => !v); let allCategoriesSelected = Object.values(stat).every((v) => v); @@ -73,13 +78,6 @@ const sideProjects = { }; window.addEventListener('load', function() { - // Set up toggle buttons. - document.querySelectorAll('button.toggle').forEach((btn) => { - btn.addEventListener('click', function(event) { - event.currentTarget.classList.toggle('selected'); - }); - }); - const projectsElement = document.querySelector('#side-projects'); sideProjects.populate(projectsElement); sideProjects.allButton.click();