Untitled
unknown
plain_text
2 years ago
9.1 kB
5
Indexable
(function () {
try {
/* main variables */
var debug = 0;
var variation_name = "";
var $;
/* all Pure helper functions */
function waitForElement(selector, trigger, delayInterval, delayTimeout) {
var interval = setInterval(function () {
if (
document &&
document.querySelector(selector) &&
document.querySelectorAll(selector).length > 0
) {
clearInterval(interval);
trigger();
}
}, delayInterval);
setTimeout(function () {
clearInterval(interval);
}, delayTimeout);
}
function waitforMarketo(trigger){
var interval = setInterval(function() {
if (
window.MktoForms2
) {
clearInterval(interval);
trigger();
}
}, 50);
setTimeout(function() {
clearInterval(interval);
}, 10000);
}
function live(selector, event, callback, context) {
/****Helper Functions****/
// helper for enabling IE 8 event bindings
function addEvent(el, type, handler) {
if (el.attachEvent) el.attachEvent("on" + type, handler);
else el.addEventListener(type, handler);
}
// matches polyfill
this.Element &&
(function (ElementPrototype) {
ElementPrototype.matches =
ElementPrototype.matches ||
ElementPrototype.matchesSelector ||
ElementPrototype.webkitMatchesSelector ||
ElementPrototype.msMatchesSelector ||
function (selector) {
var node = this,
nodes = (node.parentNode || node.document).querySelectorAll(selector),
i = -1;
while (nodes[++i] && nodes[i] != node);
return !!nodes[i];
};
})(Element.prototype);
// live binding helper using matchesSelector
function live(selector, event, callback, context) {
addEvent(context || document, event, function (e) {
var found,
el = e.target || e.srcElement;
while (el && el.matches && el !== context && !(found = el.matches(selector))) el = el.parentElement;
if (el && found) callback.call(el, e);
});
}
live(selector, event, callback, context);
}
live('.eg-submit', 'click', function () {
submitForm();
});
const formHtmlDes = `
<div class="eg-news-letter-des"><div class="eg-fields-wrapper"><div class="mktoFormRow"><div class="mktoFieldDescriptor mktoFormCol"><div class="mktoFieldWrap mktoRequiredField"><input name="egFirstName" placeholder="First name" maxlength="255" aria-labelledby="LblFirstName InstructFirstName" type="text" class="mktoField mktoTextField mktoHasWidth mktoRequired" aria-required="true" style=""><div class="eg-hidden eg-fn-err eg-field-err mktoError"><div class="mktoErrorArrowWrap"><div class="mktoErrorArrow"></div></div><div role="alert" tabindex="-1" class="mktoErrorMsg">This field is required</div></div></div></div></div><div class="mktoFormRow"><div class="mktoFieldDescriptor mktoFormCol"><div class="mktoFieldWrap mktoRequiredField"><input name="egEmail" placeholder="Email address" maxlength="255" aria-labelledby="LblEmail InstructEmail" type="email" class="mktoField mktoEmailField mktoHasWidth mktoRequired" aria-required="true" style=""><div class="eg-field-err eg-hidden eg-email-err mktoError"><div class="mktoErrorArrowWrap"><div class="mktoErrorArrow"></div></div><div role="alert" tabindex="-1" class="mktoErrorMsg">Must be valid email. <span class="mktoErrorDetail">example@yourdomain.com</span></div></div></div></div></div><div class="mktoButtonRow"><button type="submit" class="eg-submit mktoButton">Subscribe</button></div>
<div class="eg-mgs eg-hidden text-base form-confirmation-message">
<p>Thank you for your request</p>
</div>
</div></div>
`;
const init = () => {
if (!document.querySelector(".eg-news-letter-des")) {
document.querySelector(".site-header__content").insertAdjacentHTML("beforeend", formHtmlDes);
}
}
const formHtmlMob = `
<li class="eg-mob-frm">
<div class="eg-fields-wrapper"><h4 class="mb-3 text-sm font-medium lg:text-base">Sign up to our weekly insights newsletter</h4><div class=""><div class="mktoFormRow"><div class="mktoFieldDescriptor mktoFormCol"><div class="mktoFieldWrap mktoRequiredField"><input name="egFirstName" placeholder="First name" maxlength="255" aria-labelledby="LblFirstName InstructFirstName" type="text" class="mktoField mktoTextField mktoHasWidth mktoRequired mktoInvalid" aria-required="true" style="" aria-invalid="true" aria-describedby="ValidMsgFirstName"><div class="eg-hidden eg-fn-err eg-field-err mktoError">
<div class="mktoErrorArrowWrap">
<div class="mktoErrorArrow"></div>
</div>
<div role="alert" tabindex="-1" class="mktoErrorMsg">This field is required</div>
</div></div></div></div><div class="mktoFormRow"><div class="mktoFieldDescriptor mktoFormCol"><div class="mktoFieldWrap mktoRequiredField"><input name="egEmail" placeholder="Email address" maxlength="255" aria-labelledby="LblEmail InstructEmail" type="email" class="mktoField mktoEmailField mktoHasWidth mktoRequired mktoInvalid" aria-required="true" style="" aria-invalid="true" aria-describedby="ValidMsgEmail"><div class="eg-field-err eg-hidden eg-email-err mktoError">
<div class="mktoErrorArrowWrap">
<div class="mktoErrorArrow"></div>
</div>
<div role="alert" tabindex="-1" class="mktoErrorMsg">Must be valid email. <span class="mktoErrorDetail">example@yourdomain.com</span></div>
</div></div></div></div><div class="mktoButtonRow"><button type="submit" class="eg-submit mktoButton">Subscribe to our newsletter</button></div></div>
<div class="eg-mgs eg-hidden text-base form-confirmation-message">
<p>Thank you for your request</p>
</div>
</div></li>
`;
const initMOb = () => {
if (!document.querySelector(".eg-mob-frm")) {
document.querySelector(" .site-header__content>.site-header__navigation nav >ul").insertAdjacentHTML("beforeend", formHtmlMob);
}
}
const detectFormSub = () => {
const send = XMLHttpRequest.prototype.send
XMLHttpRequest.prototype.send = function () {
this.addEventListener('load', function () {
if (this.responseURL.indexOf("/save2") !== -1) {
console.log("form submitted",document.body.classList.add('hello'));
document.querySelector(".eg-fields-wrapper") && document.querySelector(".eg-fields-wrapper").classList.add("eg-success");
}
})
return send.apply(this, arguments)
}
waitforMarketo(function(){
MktoForms2.whenReady(function (form) {
form.onSuccess(function(values, followUpUrl) {
console.log('hello', document.body.classList.add('ffsd'));
document.querySelector(".eg-fields-wrapper") && document.querySelector(".eg-fields-wrapper").classList.add("eg-success");
});
form.onSubmit(function(){
console.log('hello', document.body.classList.add('ffsd'));
document.querySelector(".eg-fields-wrapper") && document.querySelector(".eg-fields-wrapper").classList.add("eg-success");
});
});
});
}
const validateEmail = (email) => {
return email.match(
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
);
};
const submitForm = () => {
const fNEl = document.querySelector('[name="egFirstName"]');
const eMEl = document.querySelector('[name="egEmail"]');
// ori
const OFnel = document.querySelector("form.footer-subscribe #FirstName");
const OEmel = document.querySelector("form.footer-subscribe #Email");
if (fNEl.value.trim() == "") {
fNEl.parentElement.querySelector(".eg-field-err").classList.remove("eg-hidden");
} else if ((eMEl.value.trim() == "") || (!validateEmail(eMEl.value))) {
eMEl.parentElement.querySelector(".eg-field-err").classList.remove("eg-hidden");
} else {
OFnel.value = fNEl.value;
OEmel.value = eMEl.value;
fNEl.parentElement.querySelector(".eg-field-err").classList.remove("eg-hidden");
eMEl.parentElement.querySelector(".eg-field-err").classList.remove("eg-hidden");
document.querySelector('form.footer-subscribe [type="submit"]').click();
}
}
if (window.innerWidth > 1024) {
waitForElement('.site-header__content', init, 50, 15000);
} else {
waitForElement('.site-header__content', initMOb, 50, 15000);
}
// form submit detect
detectFormSub();
} catch (e) {
if (debug) console.log(e, "error in Test" + variation_name);
}
})();
Editor is loading...