tabbit

Tue Oct 02 2018
Copied to clipboard! Copy reply


/*
This system lets you update mastheads, skus, and bonus offers for all relevant levels on a schedule.
*/




// ********************************************************************************
// SET SCHEDULE AND OFFER TYPES HERE
// ********************************************************************************


var schedule = [
	{
		start_date: '02 Oct 2018 00:00:00',
		end_date: '02 Oct 2018 23:59:59',
		offer_name: 'examplebdi'
	}
];



var offers = {
	'examplebdi': {
		mastheads: {
			'mobile': 'https://www.rosettastone.com/lp/common-modules/assets/modules_2018/tutor-screen.png',
			'desktop': 'https://www.rosettastone.com/lp/common-modules/assets/modules_2018/tutor-screen.png'
		},
		offer_type: 'bonus_months_low'
	}
};



var offer_types = {
	'bonus_months_low':{
		'12': {
			message: '+1 Month Free',
			sku: '12_REPLACEMENT_SKU_HERE'
		},
		'24': {
			message: '+3 Months Free',
			sku: '24_REPLACEMENT_SKU_HERE'
		}
	},
	'bonus_months_high':{
		'12': {
			message: '+3 Months Free',
			sku: '12_REPLACEMENT_SKU_HERE'
		},
		'24': {
			message: '+6 Months Free',
			sku: '24_REPLACEMENT_SKU_HERE'
		}
	}
};






// ********************************************************************************
// RUN OFFERS HERE
//     Either apply one offer directly or run offers on schedule
// ********************************************************************************

apply_offer('examplebdi');
// run_offers_on_schedule(schedule);















// ********************************************************************************
// CORE FUNCTIONALITY
//     No need to edit below here unless you want to change how the offers work
// ********************************************************************************


function run_offers_on_schedule(schedule){
	var date = Date.now();
	for(var i=0; i<schedule.length; i++){
		var start_date = Date.parse(schedule[i].start_date);
		var end_date = Date.parse(schedule[i].end_date);
		if(start_date <= date && date <= end_date){
			apply_offer(schedule[i].offer_name);
			return;
		}
	}
}


function format_offer_message(offer_type, message){
	if((/bonus_months/i).test(offer_type)){}
	return message;
}




function update_masthead(offer){

	if(offer.mastheads){

		var style = document.createElement('style');
		style.id = 'masthead_change';
		var masthead = document.querySelector('#masthead');

		style.innerHTML = ''
			+'body #masthead{'
				+'background-image: url(' + offer.mastheads.mobile + ');'
			+'}'
			+'@media (min-width: 600px) {'
				+'body #masthead{'
					+'background-image: url(' + offer.mastheads.desktop + ');'
				+'}'
			+'}'
		+'';

		masthead.appendChild(style);
	}
}




function _$(selector){
	var elems = Array.prototype.slice.call(document.querySelectorAll(selector));
	return {
		elems: elems,
		attr: function(attr, value){
			elems.forEach(function(elem){
				var original_attr = elem.getAttribute(attr);
				var final_value = typeof value === 'function' ? value(original_attr) : value;
				elem.setAttribute(attr, final_value);
			});
			return this;
		},
		show: function(display_property){
			elems.forEach(function(elem){
				elem.style.display = display_property || 'block';
			});
			return this;
		},
		hide: function(){
			elems.forEach(function(elem){
				elem.style.display = 'none';
			});
			return this;
		},
		html: function(inner_html){
			elems.forEach(function(elem){
				elem.innerHTML = inner_html;
			});
			return this;
		}
	};
}



function apply_offer(offer_name){
	var set_up_offer = (function(offers, offer_name){
		var offer = offers[offer_name];
		update_masthead(offer);

		update_all_cart_buttons(offer);
		show_all_bonuses(offer);
		protect_product_changes_on_lang_change(offer);

		add_bonus_styles();

	}).bind(this, offers);

	set_up_offer(offer_name);
}




function add_bonus_styles(){

	var style = document.createElement('style');
	style.id = 'masthead_change';

	style.innerHTML = ''
		+ '.product-d .header > div.bonus {'
			+ 'font-size: 80%;'
			+ 'font-weight: 100;'
			+ 'position: relative;'
			+ 'bottom: -7px;'
			+ 'display: none;'

			+ 'background-color: #437414;'
			+ 'color: #fff;'
			+ 'padding: 10px;'
			+ 'margin: -30px 20px 0px;'
			+ 'bottom: -41px;'
		+ '}'
	+'';

	document.body.appendChild(style);
}


function show_all_bonuses(offer){
	add_bonus_styles();

	var products = offer_types[offer.offer_type];

	for(var lvl in products){
		show_bonus(lvl, offer);
	}
}


function show_bonus(lvl, offer){
	var message = offer_types[offer.offer_type][lvl].message;
	_$('*[data-lvl="'+lvl+'"] .bonus').html(message).show();
}


function update_all_cart_buttons(offer){
	var products = offer_types[offer.offer_type];
	for(var lvl in products){
		var product = products[lvl];
		update_cart_button(lvl, product.sku);
	}
}


function update_cart_button(lvl, sku){
	_$('*[data-lvl="'+lvl+'"] .add-to-cart').attr('href', function(original_href){
		var new_href = original_href;
		if(sku){
			new_href = original_href.replace(/\/\d+\//, '/'+sku+'/');
		}
		return new_href;
	});
}


function protect_product_changes_on_lang_change(offer){
	window.jQuery && (function($){
		$(document).on('lang_change', function(){
			
			update_all_cart_buttons(offer);
		});
	})(window.jQuery);
}