diff --git a/assets/css/styles.css b/assets/css/styles.css index 4117f53..5121fed 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -690,6 +690,11 @@ body.login { text-decoration: underline; } +.menu-item:hover { + background-color: var(--primary-500); + color: #fff; +} + /* Add caret icon after menu items with submenus */ .menu-item-has-children > a:after { content: "\f229"; /* Unicode for the caret down icon in Bootstrap */ @@ -705,6 +710,8 @@ body.login { width: max-content; display: none; position: absolute; + left: 0; + top: 100%; background-color: #fff; /* Background color for the dropdown */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for the dropdown */ z-index: 1000; /* Ensure dropdown appears above other elements */ @@ -745,6 +752,16 @@ body.login { color: white; } +ul#menu-main-menu > li { + position: relative; + padding: 0.5rem 1rem; +} + +@media (max-width: 1640px) { + ul#menu-main-menu > li:last-child > .sub-menu { + left: -100%; + } +} /* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ @@ -2299,6 +2316,10 @@ select { border-top-width: 4px; } +.border-b-2 { + border-bottom-width: 2px; +} + .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219/var(--tw-border-opacity)); diff --git a/assets/js/index.js b/assets/js/index.js index 5d534ec..32a6d9f 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -124,17 +124,6 @@ class NavControl { if (this.toggleMenuBtn.classList.contains('active')) { this.navControl.toggleNavMenu(); } - if (!this.isExternalLink(link) && this.isWordPressAdminLink(link)) { - window.location.href = link.href; // Navigate normally - } else if (!this.isExternalLink(link)) { - this.animatePageTransition(() => { - this.loadContent(link.href, 'content-container'); - // window.location.href = link.href - }); - } else if (this.isExternalLink(link)) { - link.setAttribute('target', '_blank'); - window.open(link.href, '_system'); - } }); }); } diff --git a/assets/js/index.js.map b/assets/js/index.js.map index f263415..31bba9a 100644 --- a/assets/js/index.js.map +++ b/assets/js/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","mappings":"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","sources":["webpack://themestarter/./src/modules/CollapsePanel.js","webpack://themestarter/./src/modules/CustomRangeSlider.js","webpack://themestarter/./src/modules/NavControl.js","webpack://themestarter/./src/modules/TestModule.js","webpack://themestarter/webpack/bootstrap","webpack://themestarter/webpack/runtime/define property getters","webpack://themestarter/webpack/runtime/hasOwnProperty shorthand","webpack://themestarter/webpack/runtime/make namespace object","webpack://themestarter/./src/index.js"],"sourcesContent":["class CollapsePanel {\r\n constructor() {\r\n this.init()\r\n }\r\n\r\n init() {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n this.addToggleCollapseListener('.accordion-toggle')\r\n })\r\n }\r\n\r\n addToggleCollapseListener(selector) {\r\n this.toggles = document.querySelectorAll(selector)\r\n this.toggles.forEach((toggle) => {\r\n toggle.addEventListener('click', () => {\r\n toggle.parentNode.parentNode.classList.toggle('active')\r\n })\r\n })\r\n }\r\n \r\n}\r\n\r\nexport default CollapsePanel\r\n","class CustomRangeSlider {\r\n constructor() {\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.customRangeSlider();\r\n }\r\n\r\n customRangeSlider() {\r\n const rangeSliders = document.querySelectorAll('.range-slider');\r\n\r\n rangeSliders.forEach((range) => {\r\n range.addEventListener('input', (e) => {\r\n const value = +e.target.value;\r\n const label = e.target.nextElementSibling;\r\n\r\n const range_width = getComputedStyle(e.target).getPropertyValue(\r\n 'width'\r\n );\r\n const label_width = getComputedStyle(label).getPropertyValue('width');\r\n\r\n const num_width = +range_width.substring(0, range_width.length - 2);\r\n const num_label_width = +label_width.substring(\r\n 0,\r\n label_width.length - 2\r\n );\r\n\r\n const max = +e.target.max;\r\n const min = +e.target.min;\r\n\r\n const left =\r\n value * (num_width / max) -\r\n num_label_width / 2 +\r\n scale(value, min, max, 10, -10);\r\n\r\n label.style.left = `${left}px`;\r\n\r\n label.innerHTML = value;\r\n });\r\n });\r\n\r\n // https://stackoverflow.com/questions/10756313/javascript-jquery-map-a-range-of-numbers-to-another-range-of-numbers\r\n const scale = (num, in_min, in_max, out_min, out_max) => {\r\n return (\r\n ((num - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\r\n );\r\n };\r\n }\r\n}\r\n\r\nexport default CustomRangeSlider;\r\n","class NavControl {\r\n constructor() {\r\n this.toggleMenuBtn = document.getElementById('toggle-nav');\r\n this.toggleSlideOutMenu = document.getElementById('slide-out-menu');\r\n this.accordions = document.querySelectorAll('#slide-out-menu .accordion');\r\n this.toggleSearchBtn = document.getElementById('toggle-search');\r\n this.headerSearch = document.getElementById('header-search');\r\n this.hoursDropdownToggle = document.getElementById('hours-dropdown-toggle');\r\n this.todaysBusinessHoursEl = document.getElementById(\r\n 'todays-business-hours'\r\n );\r\n this.businessHoursMenu = this.hoursDropdownToggle.nextElementSibling;\r\n this.init();\r\n }\r\n\r\n init() {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n // Add link click listeners\r\n this.addLinkClickListener('a');\r\n // Open and Close the Nav Menu\r\n this.toggleMenuBtn.addEventListener('click', () => this.toggleNavMenu());\r\n // Open and Close the Nav Search\r\n // this.toggleSearchBtn.addEventListener('click', () => this.toggleSearch());\r\n\r\n document.addEventListener('click', (event) =>\r\n this.handleOutsideClick(event)\r\n );\r\n\r\n this.businessHours();\r\n });\r\n }\r\n\r\n addLinkClickListener(selector) {\r\n this.links = document.querySelectorAll(selector);\r\n this.links.forEach((link) => {\r\n link.addEventListener('click', (e) => {\r\n if (link.href === window.location.href) {\r\n return;\r\n }\r\n\r\n if (this.toggleMenuBtn.classList.contains('active')) {\r\n this.navControl.toggleNavMenu();\r\n }\r\n if (!this.isExternalLink(link) && this.isWordPressAdminLink(link)) {\r\n window.location.href = link.href; // Navigate normally\r\n } else if (!this.isExternalLink(link)) {\r\n this.animatePageTransition(() => {\r\n this.loadContent(link.href, 'content-container');\r\n // window.location.href = link.href\r\n });\r\n } else if (this.isExternalLink(link)) {\r\n link.setAttribute('target', '_blank');\r\n window.open(link.href, '_system');\r\n }\r\n });\r\n });\r\n }\r\n\r\n isExternalLink(link) {\r\n const currentDomain = window.location.hostname;\r\n const linkDomain = link.hostname;\r\n\r\n return linkDomain !== currentDomain;\r\n }\r\n\r\n toggleNavMenu() {\r\n this.toggleMenuBtn.classList.toggle('active');\r\n this.toggleSlideOutMenu.classList.toggle('open');\r\n document.body.classList.toggle('noScroll');\r\n this.collapseAllAccordions();\r\n }\r\n\r\n toggleSearch() {\r\n this.headerSearch.classList.toggle('active');\r\n this.headerSearch.querySelector('input').focus();\r\n\r\n if (this.headerSearch.classList.contains('active')) {\r\n this.headerSearch.querySelector('input').value = '';\r\n }\r\n\r\n if (this.toggleMenuBtn.classList.contains('active')) {\r\n this.toggleNavMenu();\r\n }\r\n }\r\n\r\n collapseAllAccordions() {\r\n setTimeout(() => {\r\n this.accordions.forEach((accordion) => {\r\n accordion.classList.remove('active');\r\n });\r\n }, 600);\r\n }\r\n\r\n handleOutsideClick(event) {\r\n if (\r\n !this.toggleMenuBtn.contains(event.target) &&\r\n !this.toggleSlideOutMenu.contains(event.target) &&\r\n !event.target.classList.contains('accordion')\r\n ) {\r\n // Click is outside the menu and toggle button\r\n this.toggleMenuBtn.classList.remove('active');\r\n this.toggleSlideOutMenu.classList.remove('open');\r\n document.body.classList.remove('noScroll');\r\n }\r\n\r\n if (\r\n !this.hoursDropdownToggle.contains(event.target) &&\r\n !this.hoursDropdownToggle.classList.contains('hidden')\r\n ) {\r\n // Click is outside the business hours toggle button\r\n this.businessHoursMenu.classList.add('hidden');\r\n }\r\n\r\n // if (\r\n // !this.toggleSearchBtn.contains(event.target) &&\r\n // !this.headerSearch.contains(event.target)\r\n // ) {\r\n // // Click is input the menu and search button\r\n // this.toggleSearchBtn.classList.remove('active');\r\n // this.headerSearch.classList.remove('active');\r\n // document.body.classList.remove('noScroll');\r\n // }\r\n }\r\n\r\n // Handle Business Hours\r\n businessHours() {\r\n const dayOfWeek = new Date().getDay();\r\n const defaultHours = 'Open Today from 10:00am - 6:00pm';\r\n let todaysBusinessHours;\r\n\r\n switch (dayOfWeek) {\r\n case 0: // Sunday\r\n todaysBusinessHours = 'We are closed today.';\r\n break;\r\n case 6: // Saturday\r\n todaysBusinessHours = 'Open Today from 10:00am - 5:00pm';\r\n break;\r\n default: // Monday to Friday\r\n todaysBusinessHours = defaultHours;\r\n break;\r\n }\r\n\r\n this.todaysBusinessHoursEl.innerHTML = todaysBusinessHours;\r\n\r\n this.hoursDropdownToggle.addEventListener('click', () => {\r\n this.businessHoursMenu.classList.toggle('hidden');\r\n });\r\n }\r\n}\r\n\r\nexport default NavControl;\r\n","class Test {\r\n constructor() {\r\n console.log('This Module is for testing purposes')\r\n }\r\n}\r\n\r\nexport default Test\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Our modules / classes\r\n// Import modules e.g import MobileMenu from \"./modules/MobileMenu\"\r\n\r\nimport CollapsePanel from \"./modules/CollapsePanel\"\r\nimport CustomRangeSlider from \"./modules/CustomRangeSlider\"\r\nimport NavControl from \"./modules/NavControl\"\r\nimport TestModule from \"./modules/TestModule\"\r\n\r\n// Instantiate a new object using our modules/classes\r\n// e.g var mobileMenu = new MobileMenu()\r\n\r\nconst collapsePanel = new CollapsePanel()\r\nconst customRangeSlider = new CustomRangeSlider()\r\nconst navControl = new NavControl()\r\nconst testModule = new TestModule()"],"names":["CollapsePanel","constructor","init","document","addEventListener","addToggleCollapseListener","selector","toggles","querySelectorAll","forEach","toggle","parentNode","classList","CustomRangeSlider","customRangeSlider","rangeSliders","range","e","value","target","label","nextElementSibling","range_width","getComputedStyle","getPropertyValue","label_width","num_width","substring","length","num_label_width","max","min","left","scale","style","innerHTML","num","in_min","in_max","out_min","out_max","NavControl","toggleMenuBtn","getElementById","toggleSlideOutMenu","accordions","toggleSearchBtn","headerSearch","hoursDropdownToggle","todaysBusinessHoursEl","businessHoursMenu","addLinkClickListener","toggleNavMenu","event","handleOutsideClick","businessHours","links","link","href","window","location","contains","navControl","isExternalLink","isWordPressAdminLink","animatePageTransition","loadContent","setAttribute","open","currentDomain","hostname","linkDomain","body","collapseAllAccordions","toggleSearch","querySelector","focus","setTimeout","accordion","remove","add","dayOfWeek","Date","getDay","defaultHours","todaysBusinessHours","Test","console","log","TestModule","collapsePanel","testModule"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.js","mappings":";;;;;;;;;;;;;;AAAA,MAAMA,aAAa,CAAC;EAClBC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACC,IAAI,CAAC,CAAC;EACb;EAEAA,IAAIA,CAAA,EAAG;IACLC,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM;MAClD,IAAI,CAACC,yBAAyB,CAAC,mBAAmB,CAAC;IACrD,CAAC,CAAC;EACJ;EAEAA,yBAAyBA,CAACC,QAAQ,EAAE;IAClC,IAAI,CAACC,OAAO,GAAGJ,QAAQ,CAACK,gBAAgB,CAACF,QAAQ,CAAC;IAClD,IAAI,CAACC,OAAO,CAACE,OAAO,CAAEC,MAAM,IAAK;MAC/BA,MAAM,CAACN,gBAAgB,CAAC,OAAO,EAAE,MAAM;QACrCM,MAAM,CAACC,UAAU,CAACA,UAAU,CAACC,SAAS,CAACF,MAAM,CAAC,QAAQ,CAAC;MACzD,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;AAEF;AAEA,iEAAeV,aAAa;;;;;;;;;;;;;;ACtB5B,MAAMa,iBAAiB,CAAC;EACtBZ,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACC,IAAI,CAAC,CAAC;EACb;EAEAA,IAAIA,CAAA,EAAG;IACL,IAAI,CAACY,iBAAiB,CAAC,CAAC;EAC1B;EAEAA,iBAAiBA,CAAA,EAAG;IAClB,MAAMC,YAAY,GAAGZ,QAAQ,CAACK,gBAAgB,CAAC,eAAe,CAAC;IAE/DO,YAAY,CAACN,OAAO,CAAEO,KAAK,IAAK;MAC9BA,KAAK,CAACZ,gBAAgB,CAAC,OAAO,EAAGa,CAAC,IAAK;QACrC,MAAMC,KAAK,GAAG,CAACD,CAAC,CAACE,MAAM,CAACD,KAAK;QAC7B,MAAME,KAAK,GAAGH,CAAC,CAACE,MAAM,CAACE,kBAAkB;QAEzC,MAAMC,WAAW,GAAGC,gBAAgB,CAACN,CAAC,CAACE,MAAM,CAAC,CAACK,gBAAgB,CAC7D,OACF,CAAC;QACD,MAAMC,WAAW,GAAGF,gBAAgB,CAACH,KAAK,CAAC,CAACI,gBAAgB,CAAC,OAAO,CAAC;QAErE,MAAME,SAAS,GAAG,CAACJ,WAAW,CAACK,SAAS,CAAC,CAAC,EAAEL,WAAW,CAACM,MAAM,GAAG,CAAC,CAAC;QACnE,MAAMC,eAAe,GAAG,CAACJ,WAAW,CAACE,SAAS,CAC5C,CAAC,EACDF,WAAW,CAACG,MAAM,GAAG,CACvB,CAAC;QAED,MAAME,GAAG,GAAG,CAACb,CAAC,CAACE,MAAM,CAACW,GAAG;QACzB,MAAMC,GAAG,GAAG,CAACd,CAAC,CAACE,MAAM,CAACY,GAAG;QAEzB,MAAMC,IAAI,GACRd,KAAK,IAAIQ,SAAS,GAAGI,GAAG,CAAC,GACzBD,eAAe,GAAG,CAAC,GACnBI,KAAK,CAACf,KAAK,EAAEa,GAAG,EAAED,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;QAEjCV,KAAK,CAACc,KAAK,CAACF,IAAI,GAAI,GAAEA,IAAK,IAAG;QAE9BZ,KAAK,CAACe,SAAS,GAAGjB,KAAK;MACzB,CAAC,CAAC;IACJ,CAAC,CAAC;;IAEF;IACA,MAAMe,KAAK,GAAGA,CAACG,GAAG,EAAEC,MAAM,EAAEC,MAAM,EAAEC,OAAO,EAAEC,OAAO,KAAK;MACvD,OACG,CAACJ,GAAG,GAAGC,MAAM,KAAKG,OAAO,GAAGD,OAAO,CAAC,IAAKD,MAAM,GAAGD,MAAM,CAAC,GAAGE,OAAO;IAExE,CAAC;EACH;AACF;AAEA,iEAAe1B,iBAAiB;;;;;;;;;;;;;;ACnDhC,MAAM4B,UAAU,CAAC;EACfxC,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACyC,aAAa,GAAGvC,QAAQ,CAACwC,cAAc,CAAC,YAAY,CAAC;IAC1D,IAAI,CAACC,kBAAkB,GAAGzC,QAAQ,CAACwC,cAAc,CAAC,gBAAgB,CAAC;IACnE,IAAI,CAACE,UAAU,GAAG1C,QAAQ,CAACK,gBAAgB,CAAC,4BAA4B,CAAC;IACzE,IAAI,CAACsC,eAAe,GAAG3C,QAAQ,CAACwC,cAAc,CAAC,eAAe,CAAC;IAC/D,IAAI,CAACI,YAAY,GAAG5C,QAAQ,CAACwC,cAAc,CAAC,eAAe,CAAC;IAC5D,IAAI,CAACK,mBAAmB,GAAG7C,QAAQ,CAACwC,cAAc,CAAC,uBAAuB,CAAC;IAC3E,IAAI,CAACM,qBAAqB,GAAG9C,QAAQ,CAACwC,cAAc,CAClD,uBACF,CAAC;IACD,IAAI,CAACO,iBAAiB,GAAG,IAAI,CAACF,mBAAmB,CAAC3B,kBAAkB;IACpE,IAAI,CAACnB,IAAI,CAAC,CAAC;EACb;EAEAA,IAAIA,CAAA,EAAG;IACLC,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM;MAClD;MACA,IAAI,CAAC+C,oBAAoB,CAAC,GAAG,CAAC;MAC9B;MACA,IAAI,CAACT,aAAa,CAACtC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAACgD,aAAa,CAAC,CAAC,CAAC;MACxE;MACA;;MAEAjD,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAGiD,KAAK,IACvC,IAAI,CAACC,kBAAkB,CAACD,KAAK,CAC/B,CAAC;MAED,IAAI,CAACE,aAAa,CAAC,CAAC;IACtB,CAAC,CAAC;EACJ;EAEAJ,oBAAoBA,CAAC7C,QAAQ,EAAE;IAC7B,IAAI,CAACkD,KAAK,GAAGrD,QAAQ,CAACK,gBAAgB,CAACF,QAAQ,CAAC;IAChD,IAAI,CAACkD,KAAK,CAAC/C,OAAO,CAAEgD,IAAI,IAAK;MAC3BA,IAAI,CAACrD,gBAAgB,CAAC,OAAO,EAAGa,CAAC,IAAK;QACpC,IAAIwC,IAAI,CAACC,IAAI,KAAKC,MAAM,CAACC,QAAQ,CAACF,IAAI,EAAE;UACtC;QACF;QAEA,IAAI,IAAI,CAAChB,aAAa,CAAC9B,SAAS,CAACiD,QAAQ,CAAC,QAAQ,CAAC,EAAE;UACnD,IAAI,CAACC,UAAU,CAACV,aAAa,CAAC,CAAC;QACjC;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ;EAEAW,cAAcA,CAACN,IAAI,EAAE;IACnB,MAAMO,aAAa,GAAGL,MAAM,CAACC,QAAQ,CAACK,QAAQ;IAC9C,MAAMC,UAAU,GAAGT,IAAI,CAACQ,QAAQ;IAEhC,OAAOC,UAAU,KAAKF,aAAa;EACrC;EAEAZ,aAAaA,CAAA,EAAG;IACd,IAAI,CAACV,aAAa,CAAC9B,SAAS,CAACF,MAAM,CAAC,QAAQ,CAAC;IAC7C,IAAI,CAACkC,kBAAkB,CAAChC,SAAS,CAACF,MAAM,CAAC,MAAM,CAAC;IAChDP,QAAQ,CAACgE,IAAI,CAACvD,SAAS,CAACF,MAAM,CAAC,UAAU,CAAC;IAC1C,IAAI,CAAC0D,qBAAqB,CAAC,CAAC;EAC9B;EAEAC,YAAYA,CAAA,EAAG;IACb,IAAI,CAACtB,YAAY,CAACnC,SAAS,CAACF,MAAM,CAAC,QAAQ,CAAC;IAC5C,IAAI,CAACqC,YAAY,CAACuB,aAAa,CAAC,OAAO,CAAC,CAACC,KAAK,CAAC,CAAC;IAEhD,IAAI,IAAI,CAACxB,YAAY,CAACnC,SAAS,CAACiD,QAAQ,CAAC,QAAQ,CAAC,EAAE;MAClD,IAAI,CAACd,YAAY,CAACuB,aAAa,CAAC,OAAO,CAAC,CAACpD,KAAK,GAAG,EAAE;IACrD;IAEA,IAAI,IAAI,CAACwB,aAAa,CAAC9B,SAAS,CAACiD,QAAQ,CAAC,QAAQ,CAAC,EAAE;MACnD,IAAI,CAACT,aAAa,CAAC,CAAC;IACtB;EACF;EAEAgB,qBAAqBA,CAAA,EAAG;IACtBI,UAAU,CAAC,MAAM;MACf,IAAI,CAAC3B,UAAU,CAACpC,OAAO,CAAEgE,SAAS,IAAK;QACrCA,SAAS,CAAC7D,SAAS,CAAC8D,MAAM,CAAC,QAAQ,CAAC;MACtC,CAAC,CAAC;IACJ,CAAC,EAAE,GAAG,CAAC;EACT;EAEApB,kBAAkBA,CAACD,KAAK,EAAE;IACxB,IACE,CAAC,IAAI,CAACX,aAAa,CAACmB,QAAQ,CAACR,KAAK,CAAClC,MAAM,CAAC,IAC1C,CAAC,IAAI,CAACyB,kBAAkB,CAACiB,QAAQ,CAACR,KAAK,CAAClC,MAAM,CAAC,IAC/C,CAACkC,KAAK,CAAClC,MAAM,CAACP,SAAS,CAACiD,QAAQ,CAAC,WAAW,CAAC,EAC7C;MACA;MACA,IAAI,CAACnB,aAAa,CAAC9B,SAAS,CAAC8D,MAAM,CAAC,QAAQ,CAAC;MAC7C,IAAI,CAAC9B,kBAAkB,CAAChC,SAAS,CAAC8D,MAAM,CAAC,MAAM,CAAC;MAChDvE,QAAQ,CAACgE,IAAI,CAACvD,SAAS,CAAC8D,MAAM,CAAC,UAAU,CAAC;IAC5C;IAEA,IACE,CAAC,IAAI,CAAC1B,mBAAmB,CAACa,QAAQ,CAACR,KAAK,CAAClC,MAAM,CAAC,IAChD,CAAC,IAAI,CAAC6B,mBAAmB,CAACpC,SAAS,CAACiD,QAAQ,CAAC,QAAQ,CAAC,EACtD;MACA;MACA,IAAI,CAACX,iBAAiB,CAACtC,SAAS,CAAC+D,GAAG,CAAC,QAAQ,CAAC;IAChD;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACF;;EAEA;EACApB,aAAaA,CAAA,EAAG;IACd,MAAMqB,SAAS,GAAG,IAAIC,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;IACrC,MAAMC,YAAY,GAAG,kCAAkC;IACvD,IAAIC,mBAAmB;IAEvB,QAAQJ,SAAS;MACf,KAAK,CAAC;QAAE;QACNI,mBAAmB,GAAG,sBAAsB;QAC5C;MACF,KAAK,CAAC;QAAE;QACNA,mBAAmB,GAAG,kCAAkC;QACxD;MACF;QAAS;QACPA,mBAAmB,GAAGD,YAAY;QAClC;IACJ;IAEA,IAAI,CAAC9B,qBAAqB,CAACd,SAAS,GAAG6C,mBAAmB;IAE1D,IAAI,CAAChC,mBAAmB,CAAC5C,gBAAgB,CAAC,OAAO,EAAE,MAAM;MACvD,IAAI,CAAC8C,iBAAiB,CAACtC,SAAS,CAACF,MAAM,CAAC,QAAQ,CAAC;IACnD,CAAC,CAAC;EACJ;AACF;AAEA,iEAAe+B,UAAU;;;;;;;;;;;;;;AC3IzB,MAAMwC,IAAI,CAAC;EACThF,WAAWA,CAAA,EAAG;IACZiF,OAAO,CAACC,GAAG,CAAC,qCAAqC,CAAC;EACpD;AACF;AAEA,iEAAeF,IAAI;;;;;;UCNnB;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;;;;;;;;;;;ACNA;AACA;;AAEmD;AACQ;AACd;AACA;;AAE7C;AACA;;AAEA,MAAMI,aAAa,GAAI,IAAIrF,8DAAa,CAAC,CAAC;AAC1C,MAAMc,iBAAiB,GAAI,IAAID,kEAAiB,CAAC,CAAC;AAClD,MAAMiD,UAAU,GAAI,IAAIrB,2DAAU,CAAC,CAAC;AACpC,MAAM6C,UAAU,GAAI,IAAIF,2DAAU,CAAC,CAAC,C","sources":["webpack://themestarter/./src/modules/CollapsePanel.js","webpack://themestarter/./src/modules/CustomRangeSlider.js","webpack://themestarter/./src/modules/NavControl.js","webpack://themestarter/./src/modules/TestModule.js","webpack://themestarter/webpack/bootstrap","webpack://themestarter/webpack/runtime/define property getters","webpack://themestarter/webpack/runtime/hasOwnProperty shorthand","webpack://themestarter/webpack/runtime/make namespace object","webpack://themestarter/./src/index.js"],"sourcesContent":["class CollapsePanel {\r\n constructor() {\r\n this.init()\r\n }\r\n\r\n init() {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n this.addToggleCollapseListener('.accordion-toggle')\r\n })\r\n }\r\n\r\n addToggleCollapseListener(selector) {\r\n this.toggles = document.querySelectorAll(selector)\r\n this.toggles.forEach((toggle) => {\r\n toggle.addEventListener('click', () => {\r\n toggle.parentNode.parentNode.classList.toggle('active')\r\n })\r\n })\r\n }\r\n \r\n}\r\n\r\nexport default CollapsePanel\r\n","class CustomRangeSlider {\r\n constructor() {\r\n this.init();\r\n }\r\n\r\n init() {\r\n this.customRangeSlider();\r\n }\r\n\r\n customRangeSlider() {\r\n const rangeSliders = document.querySelectorAll('.range-slider');\r\n\r\n rangeSliders.forEach((range) => {\r\n range.addEventListener('input', (e) => {\r\n const value = +e.target.value;\r\n const label = e.target.nextElementSibling;\r\n\r\n const range_width = getComputedStyle(e.target).getPropertyValue(\r\n 'width'\r\n );\r\n const label_width = getComputedStyle(label).getPropertyValue('width');\r\n\r\n const num_width = +range_width.substring(0, range_width.length - 2);\r\n const num_label_width = +label_width.substring(\r\n 0,\r\n label_width.length - 2\r\n );\r\n\r\n const max = +e.target.max;\r\n const min = +e.target.min;\r\n\r\n const left =\r\n value * (num_width / max) -\r\n num_label_width / 2 +\r\n scale(value, min, max, 10, -10);\r\n\r\n label.style.left = `${left}px`;\r\n\r\n label.innerHTML = value;\r\n });\r\n });\r\n\r\n // https://stackoverflow.com/questions/10756313/javascript-jquery-map-a-range-of-numbers-to-another-range-of-numbers\r\n const scale = (num, in_min, in_max, out_min, out_max) => {\r\n return (\r\n ((num - in_min) * (out_max - out_min)) / (in_max - in_min) + out_min\r\n );\r\n };\r\n }\r\n}\r\n\r\nexport default CustomRangeSlider;\r\n","class NavControl {\r\n constructor() {\r\n this.toggleMenuBtn = document.getElementById('toggle-nav');\r\n this.toggleSlideOutMenu = document.getElementById('slide-out-menu');\r\n this.accordions = document.querySelectorAll('#slide-out-menu .accordion');\r\n this.toggleSearchBtn = document.getElementById('toggle-search');\r\n this.headerSearch = document.getElementById('header-search');\r\n this.hoursDropdownToggle = document.getElementById('hours-dropdown-toggle');\r\n this.todaysBusinessHoursEl = document.getElementById(\r\n 'todays-business-hours'\r\n );\r\n this.businessHoursMenu = this.hoursDropdownToggle.nextElementSibling;\r\n this.init();\r\n }\r\n\r\n init() {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n // Add link click listeners\r\n this.addLinkClickListener('a');\r\n // Open and Close the Nav Menu\r\n this.toggleMenuBtn.addEventListener('click', () => this.toggleNavMenu());\r\n // Open and Close the Nav Search\r\n // this.toggleSearchBtn.addEventListener('click', () => this.toggleSearch());\r\n\r\n document.addEventListener('click', (event) =>\r\n this.handleOutsideClick(event)\r\n );\r\n\r\n this.businessHours();\r\n });\r\n }\r\n\r\n addLinkClickListener(selector) {\r\n this.links = document.querySelectorAll(selector);\r\n this.links.forEach((link) => {\r\n link.addEventListener('click', (e) => {\r\n if (link.href === window.location.href) {\r\n return;\r\n }\r\n\r\n if (this.toggleMenuBtn.classList.contains('active')) {\r\n this.navControl.toggleNavMenu();\r\n }\r\n });\r\n });\r\n }\r\n\r\n isExternalLink(link) {\r\n const currentDomain = window.location.hostname;\r\n const linkDomain = link.hostname;\r\n\r\n return linkDomain !== currentDomain;\r\n }\r\n\r\n toggleNavMenu() {\r\n this.toggleMenuBtn.classList.toggle('active');\r\n this.toggleSlideOutMenu.classList.toggle('open');\r\n document.body.classList.toggle('noScroll');\r\n this.collapseAllAccordions();\r\n }\r\n\r\n toggleSearch() {\r\n this.headerSearch.classList.toggle('active');\r\n this.headerSearch.querySelector('input').focus();\r\n\r\n if (this.headerSearch.classList.contains('active')) {\r\n this.headerSearch.querySelector('input').value = '';\r\n }\r\n\r\n if (this.toggleMenuBtn.classList.contains('active')) {\r\n this.toggleNavMenu();\r\n }\r\n }\r\n\r\n collapseAllAccordions() {\r\n setTimeout(() => {\r\n this.accordions.forEach((accordion) => {\r\n accordion.classList.remove('active');\r\n });\r\n }, 600);\r\n }\r\n\r\n handleOutsideClick(event) {\r\n if (\r\n !this.toggleMenuBtn.contains(event.target) &&\r\n !this.toggleSlideOutMenu.contains(event.target) &&\r\n !event.target.classList.contains('accordion')\r\n ) {\r\n // Click is outside the menu and toggle button\r\n this.toggleMenuBtn.classList.remove('active');\r\n this.toggleSlideOutMenu.classList.remove('open');\r\n document.body.classList.remove('noScroll');\r\n }\r\n\r\n if (\r\n !this.hoursDropdownToggle.contains(event.target) &&\r\n !this.hoursDropdownToggle.classList.contains('hidden')\r\n ) {\r\n // Click is outside the business hours toggle button\r\n this.businessHoursMenu.classList.add('hidden');\r\n }\r\n\r\n // if (\r\n // !this.toggleSearchBtn.contains(event.target) &&\r\n // !this.headerSearch.contains(event.target)\r\n // ) {\r\n // // Click is input the menu and search button\r\n // this.toggleSearchBtn.classList.remove('active');\r\n // this.headerSearch.classList.remove('active');\r\n // document.body.classList.remove('noScroll');\r\n // }\r\n }\r\n\r\n // Handle Business Hours\r\n businessHours() {\r\n const dayOfWeek = new Date().getDay();\r\n const defaultHours = 'Open Today from 10:00am - 6:00pm';\r\n let todaysBusinessHours;\r\n\r\n switch (dayOfWeek) {\r\n case 0: // Sunday\r\n todaysBusinessHours = 'We are closed today.';\r\n break;\r\n case 6: // Saturday\r\n todaysBusinessHours = 'Open Today from 10:00am - 5:00pm';\r\n break;\r\n default: // Monday to Friday\r\n todaysBusinessHours = defaultHours;\r\n break;\r\n }\r\n\r\n this.todaysBusinessHoursEl.innerHTML = todaysBusinessHours;\r\n\r\n this.hoursDropdownToggle.addEventListener('click', () => {\r\n this.businessHoursMenu.classList.toggle('hidden');\r\n });\r\n }\r\n}\r\n\r\nexport default NavControl;\r\n","class Test {\r\n constructor() {\r\n console.log('This Module is for testing purposes')\r\n }\r\n}\r\n\r\nexport default Test\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Our modules / classes\r\n// Import modules e.g import MobileMenu from \"./modules/MobileMenu\"\r\n\r\nimport CollapsePanel from \"./modules/CollapsePanel\"\r\nimport CustomRangeSlider from \"./modules/CustomRangeSlider\"\r\nimport NavControl from \"./modules/NavControl\"\r\nimport TestModule from \"./modules/TestModule\"\r\n\r\n// Instantiate a new object using our modules/classes\r\n// e.g var mobileMenu = new MobileMenu()\r\n\r\nconst collapsePanel = new CollapsePanel()\r\nconst customRangeSlider = new CustomRangeSlider()\r\nconst navControl = new NavControl()\r\nconst testModule = new TestModule()"],"names":["CollapsePanel","constructor","init","document","addEventListener","addToggleCollapseListener","selector","toggles","querySelectorAll","forEach","toggle","parentNode","classList","CustomRangeSlider","customRangeSlider","rangeSliders","range","e","value","target","label","nextElementSibling","range_width","getComputedStyle","getPropertyValue","label_width","num_width","substring","length","num_label_width","max","min","left","scale","style","innerHTML","num","in_min","in_max","out_min","out_max","NavControl","toggleMenuBtn","getElementById","toggleSlideOutMenu","accordions","toggleSearchBtn","headerSearch","hoursDropdownToggle","todaysBusinessHoursEl","businessHoursMenu","addLinkClickListener","toggleNavMenu","event","handleOutsideClick","businessHours","links","link","href","window","location","contains","navControl","isExternalLink","currentDomain","hostname","linkDomain","body","collapseAllAccordions","toggleSearch","querySelector","focus","setTimeout","accordion","remove","add","dayOfWeek","Date","getDay","defaultHours","todaysBusinessHours","Test","console","log","TestModule","collapsePanel","testModule"],"sourceRoot":""} \ No newline at end of file diff --git a/src/index.js b/src/index.js index 22522ea..35596ca 100644 --- a/src/index.js +++ b/src/index.js @@ -12,4 +12,5 @@ import TestModule from "./modules/TestModule" const collapsePanel = new CollapsePanel() const customRangeSlider = new CustomRangeSlider() const navControl = new NavControl() -const testModule = new TestModule() \ No newline at end of file +const testModule = new TestModule() +console.log('Hello') \ No newline at end of file diff --git a/src/modules/NavControl.js b/src/modules/NavControl.js index bab571e..e9d5050 100644 --- a/src/modules/NavControl.js +++ b/src/modules/NavControl.js @@ -41,17 +41,6 @@ class NavControl { if (this.toggleMenuBtn.classList.contains('active')) { this.navControl.toggleNavMenu(); } - if (!this.isExternalLink(link) && this.isWordPressAdminLink(link)) { - window.location.href = link.href; // Navigate normally - } else if (!this.isExternalLink(link)) { - this.animatePageTransition(() => { - this.loadContent(link.href, 'content-container'); - // window.location.href = link.href - }); - } else if (this.isExternalLink(link)) { - link.setAttribute('target', '_blank'); - window.open(link.href, '_system'); - } }); }); } diff --git a/src/scss/vendors/_wordpress.scss b/src/scss/vendors/_wordpress.scss index 68e6b63..4b840f2 100644 --- a/src/scss/vendors/_wordpress.scss +++ b/src/scss/vendors/_wordpress.scss @@ -116,6 +116,11 @@ body.login { text-decoration: underline; } +.menu-item:hover { + background-color: var(--primary-500); + color: #fff; +} + /* Add caret icon after menu items with submenus */ .menu-item-has-children > a:after { content: '\f229'; /* Unicode for the caret down icon in Bootstrap */ @@ -131,6 +136,8 @@ body.login { width: max-content; display: none; position: absolute; + left: 0; + top: 100%; background-color: #fff; /* Background color for the dropdown */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for the dropdown */ z-index: 1000; /* Ensure dropdown appears above other elements */ @@ -171,4 +178,16 @@ body.login { color: white; } -// Sub Menu Childrem +ul#menu-main-menu > li { + position: relative; + padding: 0.5rem 1rem; +} + +@media (max-width: 1640px) { + + + ul#menu-main-menu > li:last-child > .sub-menu { + left: -100%; + } + +} diff --git a/src/scss/vendors/tailwind/_tailwind.scss b/src/scss/vendors/tailwind/_tailwind.scss index 6815f56..2c273af 100644 --- a/src/scss/vendors/tailwind/_tailwind.scss +++ b/src/scss/vendors/tailwind/_tailwind.scss @@ -1588,6 +1588,10 @@ select { border-top-width: 4px; } +.border-b-2 { + border-bottom-width: 2px; +} + .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); diff --git a/template-parts/header/navigation.php b/template-parts/header/navigation.php index 17a29fa..eecce3a 100644 --- a/template-parts/header/navigation.php +++ b/template-parts/header/navigation.php @@ -109,7 +109,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php')); -