From 684c3e3be514e34814c8c9818283b85f2d005f10 Mon Sep 17 00:00:00 2001 From: David Upton Date: Fri, 24 Jan 2025 10:58:08 -0500 Subject: [PATCH] Revert "(develop) Clean up Javascript; Refactor headers on Boston.gov" --- scripts/components/header.js | 11 +------- scripts/components/menu.js | 52 +++++++++++++----------------------- 2 files changed, 19 insertions(+), 44 deletions(-) diff --git a/scripts/components/header.js b/scripts/components/header.js index 1fba1daa..956abbd4 100644 --- a/scripts/components/header.js +++ b/scripts/components/header.js @@ -1,5 +1,5 @@ 'use strict' -// This module controls the City of Boston header component +// This module controls the City of Boston newsletter component // --------------------------- var BostonHeader = (function () { var guideTitle; @@ -78,15 +78,6 @@ var BostonHeader = (function () { if (burgerckbx) { burgerckbx.setAttribute("tabIndex", "0"); - burgerckbx.addEventListener("click", function (element) { - if (document.getElementById("cob-content").classList.contains('brg-tr--active')) { - document.getElementById("cob-content").classList.remove('brg-tr--active'); - } - else { - document.getElementById("cob-content").classList.add('brg-tr--active'); - } - }); - } if (searchckbx) { diff --git a/scripts/components/menu.js b/scripts/components/menu.js index 2f3160e8..d741f829 100644 --- a/scripts/components/menu.js +++ b/scripts/components/menu.js @@ -1,6 +1,5 @@ 'use strict' -// This module controls the City of Boston Main RHS Menu -// --------------------------- + var BostonMenu = (function () { // Set height var secondaryNavs; @@ -10,22 +9,21 @@ var BostonMenu = (function () { var backTriggers; var burger; var placeholder; - // var navMainmenu; - // var sticky; + var navMainmenu; + var sticky; var navLogo; var navFirstItem; - var siteBanner; // activate class for sticky menu - // function mainMenuonScroll() { - // sticky = navMainmenu.offsetTop; - // - // if (window.pageYOffset > sticky) { - // navMainmenu.classList.add("sticky"); - // } else { - // navMainmenu.classList.remove("sticky"); - // } - // } + function mainMenuonScroll() { + sticky = navMainmenu.offsetTop; + + if (window.pageYOffset > sticky) { + navMainmenu.classList.add("sticky"); + } else { + navMainmenu.classList.remove("sticky"); + } + } function handleTrigger(ev, method) { @@ -71,8 +69,7 @@ var BostonMenu = (function () { // Update the title title.innerHTML = trigger.innerHTML; - } - else { + } else { for (var i = 0; i < listItems.length; i++) { if (parentItem != listItems[i]) { listItems[i].classList.remove('nv-m-c-l-i--h'); @@ -95,14 +92,13 @@ var BostonMenu = (function () { function start() { burger = document.getElementById('brg-tr'); - siteBanner = document.querySelector('.dr-h'); navLogo = document.getElementById('logoImg'); listItems = document.querySelectorAll('.nv-m-c-l-i'); backTriggers = document.querySelectorAll('.nv-m-c-b'); secondaryTriggers = document.querySelectorAll('.nolink'); secondaryNavs = document.querySelectorAll('.nv-m-c-l-l'); secondaryNavItems = document.querySelectorAll('.nv-m-c-a--s'); - // navMainmenu = document.getElementById("main-menu"); + navMainmenu = document.getElementById("main-menu"); navFirstItem = document.querySelector('.nv-m-h-i'); var title = document.getElementById('nv-m-h-t'); @@ -163,24 +159,12 @@ var BostonMenu = (function () { secondaryNavItems[i].classList.add('nv-m-c-a--p'); } - // Note when the site_banner is expanded. - if (siteBanner) { - siteBanner.addEventListener("click", function (element) { - if (document.getElementById("cob-content").classList.contains('site-banner--expanded')) { - document.getElementById("cob-content").classList.remove('site-banner--expanded'); - } - else { - document.getElementById("cob-content").classList.add('site-banner--expanded'); - } - }); + if (navMainmenu) { + window.onscroll = function() { + mainMenuonScroll() + }; } - // if (navMainmenu) { - // window.onscroll = function() { - // mainMenuonScroll() - // }; - // } - } return {