Untitled
unknown
plain_text
2 years ago
26 kB
6
Indexable
(function(){
var style=document.createElement('style');style.type='text/css';style.appendChild(document.createTextNode('@media(min-width:768px) { html body [class*="MatrixPage__matrix"] { flex-direction: column; align-items: center !important; background-image: url(https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/horseImg.png); background-size: 431px; background-position: right; background-repeat: no-repeat; margin-right: 0 !important; margin-left: 0 !important; } html body [class*="MatrixPage__matrix"]>div { margin-right: 0 !important; width: 100%; max-width: 1028px; } html body [class*="MatrixPage__matrix"]>div+div { margin-top: 42px !important; } html body [class*="MatrixPage__matrix"]>div { display: flex; flex-wrap: wrap; } html body [class*="MatrixPage__matrix"]>div>div:first-child { margin-bottom: 0 !important; padding-bottom: 26px !important; width: 100%; border-radius: 4px 4px 0 0; padding-left: 40px !important; } html body [class*="MatrixPage__matrix"]>div:nth-of-type(2)>div:first-child h3 { margin-bottom: 18px !important; } html body [class*="MatrixPage__matrix"]>div>div:nth-child(n+2):not(.cv-2-0-left-div):not(.cv-2-0-right-div), html body [class*="MatrixPage__matrix"]>div>button, html body [class*="MatrixPage__matrix"]>div>section { display: none !important; } html body [class*="MatrixPage__matrix"]>div:nth-of-type(1) { border: 2px solid #F8C13F; } html body [class*="MatrixPage__matrix"]>div { border-radius: 6px; padding-bottom: 0 !important; background: transparent !important; } html body [class*="MatrixPage__matrix"]>div:nth-of-type(1)>div:first-child h3::after { content: "Most popular"; background: white; width: 116px; height: 40px; border-radius: 100vmax; color: #171717; font-size: 14px; display: flex; justify-content: center; align-items: center; margin-left: 25px; margin-top: 3px; } html body [class*="MatrixPage__matrix"]>div>div:first-child h3 { display: flex; justify-content: flex-start; align-items: center; font-size: 32px; margin-bottom: 14px !important; } html body [class*="MatrixPage__matrix"]>div>div:first-child h3 { margin-bottom: 8px !important; } html body .cv-2-0-left-div { width: 45% !important; background-color: #F8C13F1A !important; padding: 71px 40px !important; border-radius: 0 0 0 7px; } html body .cv-2-0-right-div { width: 55% !important; background-color: white; border-radius: 0 0 6px 0; padding: 26px 32px 40px 46px; } html body .cv-2-0-pdp-button { border-radius: 4px; border: 1px solid #D11F25; background: #D11F25; color: white; display: flex; width: 100%; padding: 10px 0px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-size: 19px; font-style: normal; font-weight: 700; cursor: pointer; margin-top: 34px !important; } html body .cv-2-0-radio { display: flex; cursor: pointer; } html body .cv-2-0-radio-button { display: flex; width: 22px; background: white; border-radius: 100vmax; height: 22px; border: 1px solid #000; margin-right: 16px; justify-content: center; align-items: center; } html body .cv-2-0-money.sale { color: #898989; font-size: 19px; font-style: normal; font-weight: 500; text-decoration: line-through; margin-right: 8px; } html body .cv-2-0-money.nosale { color: #171717; font-size: 32px; font-style: normal; font-weight: 600; display: inline-block; margin-top: 0; margin-bottom: 0; } html body .cv-2-0-month-year { font-size: 17px !important; margin-left: 5px; } .cv-2-0-right-div .cv-2-0-title { font-size: 16.5px; line-height: 22px; font-weight: 600 !important; color: #171717; margin-bottom: 25px; } .cv-2-0-list-item { list-style: none !important; display: flex; flex-direction: row; margin-bottom: 16px !important; } .cv-2-0-content-title { font-size: 14px; line-height: 18px; font-weight: 600; color: #171717; } .cv-2-0-content { margin-left: 10px; } .cv-2-0-content-list-item { font-weight: 400; font-size: 13px; color: #171717; } .cv-2-0-content-list li:first-child { margin-top: 12px; margin-bottom: 6px !important; } .cv-2-0-list { padding-left: 0 !important; } .cv-2-0-green-box { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid #66DA19; border-radius: 4px; padding: 14px 16px; background: #F7FDF4; margin-bottom: 24px; } .cv-2-0-green-box h2 { font-size: 14.5px; line-height: 18px; color: #171717; font-weight: 600; margin-top: 0 !important; margin-bottom: 8px !important; } .cv-2-0-green-box span { font-size: 12px; line-height: 17px; font-weight: 400; color: #171717; } .cv-2-0-green-text { color: #45A803 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 18px !important; padding-right: 6px; } .cv-2-0-show-hide { font-weight: 500; font-size: 16px; line-height: 18px; color: #171717; border: 1px solid #CDCCCB; padding: 10px 17px; background: #ffffff; border-radius: 4px; cursor: pointer; } .cv-2-0-arrow { padding-left: 15px; } .cv-2-0-list-open .cv-2-0-arrow img { transform: rotate(180deg); } html body .cv-2-0-right-div:not(.cv-2-0-list-open) .cv-2-0-list>.cv-2-0-list-item:nth-child(n+4), html body .cv-2-0-right-div:not(.cv-2-0-list-open) .cv-2-0-content-list { display: none !important; } html body .cv-2-0-show-hide::before { content: "View the full list of benefits"; } html body .cv-2-0-list-open .cv-2-0-show-hide::before { content: "Hide the full list of benefits" !important; } html body .cv-2-0-offer { margin-bottom: 0 !important; font-size: 14.4px; margin-top: 13px !important; } html body .cv-2-0-radio+.cv-2-0-radio { margin-top: 36px !important; } html body .cv-2-0-radio-button::before { content: ""; background: #d11f25; width: 66%; height: 66%; border-radius: 100vmax; display: block; opacity: 0; } html body .cv-2-0-radio.cv-2-0-active-radio>.cv-2-0-radio-button::before { opacity: 1 !important; } html body [class*="MatrixPage__matrix"]>div:nth-of-type(2) .cv-2-0-left-div { background: #F3F3F3 !important; padding: 57px 40px !important; } .cv-2-0-content-list { padding-left: 22px !important; }}'));document.head.appendChild(style);
(function (w) {
"use strict";
var tag = "cv-2-0", // TO DO: test name
debug = document.cookie.indexOf("cfQA") > -1,
window = typeof unsafeWindow !== "undefined" ? unsafeWindow : w;
const boxHTMLS = {
"box0": {
"lefthtml": `<div class="${tag}-left-div">
<div class="${tag}-radio ${tag}-radio-1 ${tag}-active-radio">
<div class="${tag}-radio-button"></div>
<div class="${tag}-box">
<div class="${tag}-money-box">
<span class="${tag}-money sale">£479</span>
<p class="${tag}-money nosale">£399<span class="${tag}-month-year">/year</span></p>
</div>
<p class="${tag}-offer">(12 months for the price of 10)</p>
</div>
</div>
<div class="${tag}-radio ${tag}-radio-2">
<div class="${tag}-radio-button"></div>
<div class="${tag}-box">
<div class="${tag}-money-box">
<p class="${tag}-money nosale">£39.95<span class="${tag}-month-year">/month</span></p>
</div>
</div>
</div>
<button class="${tag}-pdp-button">Get Ultimate yearly</button>
</div>`,
"righthtml": `
<div class="${tag}-right-div">
<h2 class="${tag}-title">Exclusive benefits included in the Ultimate Package:</h2>
<ul class="${tag}-list">
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_yellow.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">See whole races 30 minutes after they finish</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Watch unlimited video race replays from all 86 British and Irish
racecourses</li>
<li class="${tag}-content-list-item">Study form with full replays from this and past seasons</li>
</ul>
</div>
</li>
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_yellow.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Expert tipping on the best selections for daily and ante-post
racing</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Read ante-post selections for key meetings from Tom Segal and our
Pricewise team</li>
<li class="${tag}-content-list-item">Enjoy exclusive 6pm nightly access to Pricewise and Paul Kealy’s
tips</li>
</ul>
</div>
</li>
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_yellow.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Early access to tomorrow’s digital Racing Post at 9pm today</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Read tomorrow’s full Racing Post paper, delivered digitally at 9pm
today</li>
<li class="${tag}-content-list-item">Search our database for form information and read archive issues of
the Racing Post</li>
<li class="${tag}-content-list-item">Enjoy the acclaimed Racing Post Sunday, Racing & Football
Outlook and Racing Post Weekender for free</li>
</ul>
</div>
</li>
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_yellow.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Stable tours</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">See insider interviews with the top trainers each new Flat and
jumps season</li>
<li class="${tag}-content-list-item">Keep informed during the season with our stable tours, quotes and
interviews</li>
</ul>
</div>
</li>
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_yellow.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">The best writing on racing</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Sharpen your knowledge with the most respected racing journalists
</li>
<li class="${tag}-content-list-item">Read award-winning writers including Lee Mottershead and Alastair
Down</li>
</ul>
</div>
</li>
</ul>
<div class="${tag}-green-box">
<h2><span class="${tag}-green-text">PLUS</span>Everything included in the Essential Package, for FREE</h2>
<span class="${tag}-small-text">See the Essential Package below for more details</span>
</div>
<button class="${tag}-show-hide"><span class="${tag}-arrow">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/Down_arrow.svg"></span>
</button>
</div>
`
},
"box1": {
"lefthtml": `<div class="${tag}-left-div">
<div class="${tag}-radio ${tag}-radio-1 ${tag}-active-radio">
<div class="${tag}-radio-button"></div>
<div class="${tag}-box">
<div class="${tag}-money-box">
<span class="${tag}-money sale">£299</span>
<p class="${tag}-money nosale">£249<span class="${tag}-month-year">/year</span></p>
</div>
<p class="${tag}-offer">(12 months for the price of 10)</p>
</div>
</div>
<div class="${tag}-radio ${tag}-radio-2">
<div class="${tag}-radio-button"></div>
<div class="${tag}-box">
<div class="${tag}-money-box">
<p class="${tag}-money nosale">£24.95<span class="${tag}-month-year">/month</span></p>
</div>
</div>
</div>
<button class="${tag}-pdp-button">Get Essential yearly</button>
</div>`,
"righthtml": `<div class="${tag}-right-div">
<h2 class="${tag}-title">Exclusive benefits included in the Ultimate Package:</h2>
<ul class="${tag}-list">
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Advanced form study with Pro Card</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Make smarter bets using past winner information, tipster verdicts and national newspaper selections</li>
<li class="${tag}-content-list-item">Enter your own notes and ratings on any horse and any racecard</li>
<li class="${tag}-content-list-item">Use Postdata, which rates each horse’s chances based on course, ground, distance and more</li></ul>
</div>
</li>
<li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Use our expert ratings</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Find a horse’s true speed. Our exclusive Topspeed rating considers the course, elements, distance, age and weight carried</li>
<li class="${tag}-content-list-item">Read our expert handicappers’ master Racing Post Ratings (RPRs) for every horse, based on form and conditions</li>
</ul>
</div>
</li><li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Horse tracker</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Add up to 1,000 horses to your stable and receive alerts on their race entries and declarations</li>
<li class="${tag}-content-list-item">Make notes on all your tracked horses</li>
</ul>
</div>
</li><li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Results analysis</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Use our exclusive results analysis to predict future performance</li>
<li class="${tag}-content-list-item">Read commentary from our team of experienced handicappers and on-course race readers</li>
</ul>
</div>
</li><li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Statistics</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Delve into the fullest 30-year database of jockeys, trainers, owners, sires, first-crop performers</li>
<li class="${tag}-content-list-item">Analyse performance by course, distance, win, place and betting returns</li>
</ul>
</div>
</li><li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">Pedigree information</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Dig into three generations of pedigree information, with insight on sales data and successful progeny</li>
</ul>
</div>
</li><li class="${tag}-list-item">
<span class="${tag}-img">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/check_icon_black.svg">
</span>
<div class="${tag}-content">
<span class="${tag}-content-title">All Members’ Club privileges</span>
<ul class="${tag}-content-list">
<li class="${tag}-content-list-item">Our club gives you discounts on big race tickets and more</li>
</ul>
</div>
</li></ul>
<button class="${tag}-show-hide"><span class="${tag}-arrow">
<img src="https://cfactory-img.s3.amazonaws.com/pitches/RacingPost/Down_arrow.svg"></span>
</button>
</div>
`
}
};
window[tag] = {
log: function (msg) {
if (debug) console.log("[CONV]", tag, "-->", msg);
},
live: function (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);
},
waitForElement: function (cssSelector, callback) {
var stop,
elementCached,
timeout,
check = function () {
try {
elementCached = document.querySelector(cssSelector);
if (stop) return;
if (elementCached) {
callback(elementCached);
clearTimeout(timeout);
window[tag].log(cssSelector + " found");
} else {
window.requestAnimationFrame(check);
}
} catch (err) {
window[tag].log(err.message);
}
};
window.requestAnimationFrame(check);
timeout = setTimeout(function () {
stop = true;
window[tag].log(cssSelector + " not found");
}, 15000);
},
start: function () {
try {
this.waitForElement("body", function (docBody) {
docBody.classList.add(tag);
});
if (debug && document.title.indexOf("CONV QA") < 0) {
document.title = "[CONV QA] " + document.title;
}
initVariation();
window[tag].log("test running");
} catch (err) {
window[tag].log(err.message);
}
},
waitForTns: function (callback) {
var interval = setInterval(function () {
if (window.tns != undefined) {
clearInterval(interval);
callback();
}
}, 50);
setTimeout(function () {
clearInterval(interval);
}, 15000)
},
listener: function () {
window.addEventListener("locationchange", function () {
window[tag].start();
});
history.pushState = ((f) =>
function pushState() {
var ret = f.apply(this, arguments);
window.dispatchEvent(new Event("pushstate"));
window.dispatchEvent(new Event("locationchange"));
return ret;
})(history.pushState);
history.replaceState = ((f) =>
function replaceState() {
var ret = f.apply(this, arguments);
window.dispatchEvent(new Event("replacestate"));
window.dispatchEvent(new Event("locationchange"));
return ret;
})(history.replaceState);
window.addEventListener("popstate", () => {
window.dispatchEvent(new Event("locationchange"));
});
}
};
window[tag].start();
window[tag].listener();
function initVariation() {
window[tag].waitForElement('html body [class*="MatrixPage__matrix"]>div', function () {
if (window.innerWidth > 767) {
document.querySelectorAll(`html body [class*="MatrixPage__matrix"]>div:not(.${tag}-wrapped)`).forEach((prnt, idx) => {
if (prnt) {
const html = boxHTMLS[`box${idx}`].lefthtml + boxHTMLS[`box${idx}`].righthtml;
prnt.insertAdjacentHTML("beforeend", html);
prnt.classList.add(`${tag}-wrapped`);
}
});
window[tag].live(`.${tag}-radio`, 'click', function () {
const acRd = this.closest(`.${tag}-left-div`).querySelector(`.${tag}-active-radio`);
if (acRd && acRd !== this) {
acRd.classList.remove(`${tag}-active-radio`);
}
this.classList.add(`${tag}-active-radio`);
if (this.classList.contains(`${tag}-radio-1`)) {
this.parentElement.querySelector(`.${tag}-pdp-button`).innerText = this.parentElement.querySelector(`.${tag}-pdp-button`).innerText.replace("monthly", "yearly");
} else if (this.classList.contains(`${tag}-radio-2`)) {
this.parentElement.querySelector(`.${tag}-pdp-button`).innerText = this.parentElement.querySelector(`.${tag}-pdp-button`).innerText.replace("yearly", "monthly");
}
});
window[tag].live(`.${tag}-show-hide`, "click", function () {
const opendList = document.querySelector(`.${tag}-list-open`);
if (opendList && opendList !== this.closest(`.${tag}-right-div`)) {
opendList.classList.remove(`${tag}-list-open`);
}
this.closest(`.${tag}-right-div`).classList.toggle(`${tag}-list-open`);
});
window[tag].live(`html body .${tag}-pdp-button`, "click", function () {
const leftDivEl = this.closest(`.${tag}-left-div`);
const radio1active = leftDivEl.querySelector(`.${tag}-radio-1.${tag}-active-radio`);
const radio2active = leftDivEl.querySelector(`.${tag}-radio-2.${tag}-active-radio`);
if (radio1active) {
leftDivEl.parentElement.querySelector("section[class*='ServicePeriodInfo']:nth-of-type(2) button").click();
} else if (radio2active) {
leftDivEl.parentElement.querySelector("section[class*='ServicePeriodInfo']:nth-of-type(1) button").click();
}
});
}
}, 50, 15000);
}
})(window);
})();Editor is loading...