{"version":3,"file":"pages/single-how-to.js","mappings":"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","sources":["webpack://electro/./js/src/pages/single-how-to.js","webpack://electro/./js/src/utils/geturlparameter.js"],"sourcesContent":["import { getURLParameter } from '../utils';\n\n/**\n * Check if element is in viewport\n *\n * @param element\n */\nfunction elementInViewport(element) {\n let el = element;\n let top = el.offsetTop;\n let left = el.offsetLeft;\n const width = el.offsetWidth;\n const height = el.offsetHeight;\n\n while(el.offsetParent) {\n el = el.offsetParent;\n top += el.offsetTop;\n left += el.offsetLeft;\n }\n\n return (\n top < (window.pageYOffset + window.innerHeight) &&\n left < (window.pageXOffset + window.innerWidth) &&\n (top + height) > window.pageYOffset &&\n (left + width) > window.pageXOffset\n );\n}\n\n/**\n * Initialize Sticky Nav\n *\n */\nfunction initStickyNav() {\n const steps = document.querySelectorAll('[data-step]');\n let currentStep = 0;\n\n // Add some extra padding to the Common Branding Footer\n const commonBrandingFooter = document.querySelector('.common-branding-banner--footer');\n commonBrandingFooter.classList.add('extra-padding');\n\n const stickyDotList = document.querySelector('.b-howto-hero-with-video__howto-sticky-nav .js-dots');\n // const heroDotList = document.querySelector('.b-howto-hero-with-video__howto-hero-nav .js-dots');\n const sectionList = document.querySelector('.js-sections');\n steps.forEach((step, index) => {\n if (step.dataset.step.length > '0') {\n // Populate the Dot List\n if ( stickyDotList ) {\n stickyDotList.innerHTML += `
    • `;\n }\n // if ( heroDotList ) {\n // heroDotList.innerHTML += `
    • `;\n // }\n // Populate the Section List\n if ( sectionList ) {\n sectionList.innerHTML += `
    • `;\n }\n }\n });\n\n // Scroll to a specific section\n $('.js-goto-step').on('click', (e) => {\n e.preventDefault();\n\n const goto = parseInt(e.currentTarget.getAttribute('data-goto'), 10);\n\n steps.forEach((step, index) => {\n if (index === goto) {\n currentStep = index;\n steps[currentStep].scrollIntoView({behavior: 'smooth'});\n }\n });\n\n e.currentTarget.blur();\n });\n\n const navButtons = document.querySelectorAll('.nav-item__dot.js-goto-step');\n window.addEventListener('scroll', () => {\n steps.forEach((step, index) => {\n if (elementInViewport(step) && step.dataset.step.length > '0') {\n currentStep = index;\n\n navButtons.forEach((item) => {\n item.classList.remove('active')\n });\n\n const navDotButtons = document.querySelectorAll(`.nav-item__dot[data-goto=\"${index}\"]`);\n navDotButtons.forEach((navButton) => {\n navButton.classList.add('active');\n });\n }\n });\n });\n\n const sectionNav = document.querySelector('.b-howto-hero-with-video__howto-section-nav');\n $('.js-section-menu').on('click', (e) => {\n e.preventDefault();\n\n sectionNav.classList.toggle('active');\n });\n\n}\n\n\nfunction initProTips() {\n const overlay = document.querySelector('.js-protip-overlay');\n\n $('.js-protip').hover( (e) => {\n $(e.currentTarget).addClass('hover');\n }, (e) => {\n $(e.currentTarget).removeClass('hover');\n });\n\n $('.js-protip-toggle').on('click', (e) => {\n e.preventDefault();\n\n $(e.currentTarget).parent().toggleClass('active');\n overlay.classList.toggle('is-active');\n\n $('.js-protip-close').blur();\n });\n $('.js-protip-close').on('click', (e) => {\n e.preventDefault();\n overlay.classList.remove('is-active');\n\n const activeProTip = document.querySelector('.js-protip.active');\n activeProTip.classList.remove('active');\n activeProTip.classList.remove('hover');\n\n $('.js-protip-close').blur();\n });\n\n overlay.addEventListener('click', () => {\n overlay.classList.remove('is-active');\n\n const activeProTip = document.querySelector('.js-protip.active');\n activeProTip.classList.remove('active');\n activeProTip.classList.remove('hover');\n });\n}\n\n/**\n * Notification for save article\n *\n * @param title\n * @param article\n */\nfunction createConfirmationNotification(title, article) {\n const notificationWrapper = document.createElement('div');\n notificationWrapper.classList.add('notification-wrapper');\n notificationWrapper.innerHTML = `\n
    \n
    \n

    ${title}

    \n \n
    \n
    \n \"\"\n

    ${article.title}

    \n

    \n
    \n `;\n document.body.appendChild(notificationWrapper);\n\n notificationWrapper.querySelector('.notification-close-button').addEventListener('click', () => {\n notificationWrapper.querySelector('.notification-container').classList.remove('is-active');\n\n setTimeout(() => {\n notificationWrapper.remove();\n }, 2000);\n });\n\n setTimeout(() => {\n notificationWrapper.querySelector('.notification-container').classList.add('is-active');\n }, 100);\n}\n\nfunction initializePage() {\n initStickyNav();\n initProTips();\n\n /**\n * copy to clipboard\n *\n * @param text to copy\n */\n function copyToClipboard(text) {\n const textArea = document.createElement('textarea');\n textArea.value = text;\n document.body.appendChild(textArea);\n textArea.select();\n textArea.setSelectionRange(0, 99999);\n navigator.clipboard.writeText(textArea.value);\n textArea.remove();\n }\n\n // handle copy to clipboard\n $('.js-copy-to-clipboard').on('click', (e) => {\n e.preventDefault();\n const text = document.URL;\n copyToClipboard(text);\n\n $('.js-share-recipe-menu').removeClass('is-active');\n $('.js-copied-wrapper').toggleClass('is-active');\n $('.js-share-recipe-button').focus();\n setTimeout(() => {\n $('.js-copied-wrapper').toggleClass('is-active');\n }, 2000);\n });\n\n // handle share recipe\n $('.js-share-recipe-button').on('click', (e) => {\n e.preventDefault();\n\n const menuEl = e.currentTarget.parentNode.querySelector('.js-share-recipe-menu');\n menuEl.classList.toggle('is-active');\n\n setTimeout(() => {\n menuEl.classList.remove('is-active');\n }, 2000);\n });\n\n // handle print\n $('.js-print-recipe').on('click', (e) => {\n e.preventDefault();\n console.warn('Printing recipe...');\n window.print();\n });\n\n // handle recipe save\n $('.js-save-recipe').on('click', (e) => {\n if (!CLWP_PC_GLOBAL.isLoggedIn) {\n console.warn('Need to be logged in');\n return false;\n }\n\n const currentTrigger = e.currentTarget;\n if (currentTrigger.dataset.saved === '1') {\n console.warn('Already saved');\n return false;\n }\n\n // rest call to save recipe\n fetch('/wp-json/electro/v1/user/save-page/', {\n method: 'POST',\n headers: {\n 'X-WP-Nonce': Electro.wp_rest_nonce,\n credentials: 'same-origin',\n Accept: 'application/json',\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n pageId: currentTrigger.dataset.recipeId,\n }),\n })\n .then((result) => result.json())\n .then((res) => {\n const { status } = res;\n if (status === 0) {\n currentTrigger.dataset.saved = '1';\n createConfirmationNotification('This item has been saved to your profile under articles', {\n thumbnail: currentTrigger.dataset.thumbnail,\n title: currentTrigger.dataset.title,\n });\n }\n });\n\n return false; // prevent default\n });\n\n // parameter to initiate save - used when user needs to login\n if (getURLParameter('do_action') === 'save-recipe') {\n $('.js-save-recipe').click();\n }\n}\n\ninitializePage();\n","/*\n * Get a URL query by key\n */\nexport default function getURLParameter(nameParam, urlParam) {\n // util for getting params from url\n const url = urlParam || window.location.href;\n const name = nameParam.replace(/[[\\]]/g, '\\\\$&');\n const regex = new RegExp(`[?&]${name}(=([^&#]*)|&|#|$)`);\n const results = regex.exec(url);\n if (!results) return null;\n if (!results[2]) return '';\n return decodeURIComponent(results[2].replace(/\\+/g, ' '));\n}\n"],"names":["overlay","url","name","results","steps","document","querySelectorAll","querySelector","classList","add","stickyDotList","sectionList","forEach","step","index","dataset","length","innerHTML","concat","$","on","e","preventDefault","_goto","parseInt","currentTarget","getAttribute","scrollIntoView","behavior","blur","navButtons","window","addEventListener","element","el","top","offsetTop","left","offsetLeft","width","offsetWidth","height","offsetHeight","offsetParent","pageYOffset","innerHeight","pageXOffset","innerWidth","elementInViewport","item","remove","navButton","sectionNav","toggle","initStickyNav","hover","addClass","removeClass","parent","toggleClass","activeProTip","text","textArea","URL","createElement","value","body","appendChild","select","setSelectionRange","navigator","clipboard","writeText","focus","setTimeout","menuEl","parentNode","console","warn","print","CLWP_PC_GLOBAL","isLoggedIn","currentTrigger","saved","fetch","method","headers","Electro","wp_rest_nonce","credentials","Accept","JSON","stringify","pageId","recipeId","then","result","json","res","article","notificationWrapper","status","thumbnail","title","location","href","replace","RegExp","exec","decodeURIComponent","click"],"sourceRoot":""}