EUCookieLaw-admin.js

/**
 * EUCookieLaw: simple object to accomplish european law requirements about cookie transmission to clients
 * @class EUCookieLaw
 * @link https://github.com/diegolamonica/EUCookieLaw/
 * @author Diego La Monica (diegolamonica) <diego.lamonica@gmail.com>
 * @copyright 2015 Diego La Monica
 * @license http://www.gnu.org/licenses/lgpl-3.0-standalone.html GNU Lesser General Public License
 * @note This program is distributed in the hope that it will be useful - WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */
jQuery(document).ready(function($) {

	if(window['pagenow'] === undefined || pagenow !== 'eu-cookie-law_page_EUCookieLaw-settings') return;

	var EUCookieLawServices = {};
	var mode = 'export';

	function manageSettings(){

		if($('#eucookielaw-settings').length == 0){
			$('<div id="eucookielaw-settings"><textarea></textarea><p><button>done</button></p>').appendTo('body');
		}
		$('#eucookielaw-settings textarea').val( $('form').serialize() );
	}

	function exportSettings(event){
		event.preventDefault();
		mode = 'export';
		manageSettings();
	}
	function importSettings(event){
		event.preventDefault();
		mode = 'import';
		manageSettings();
	}

	window.EUCookieLawAddService = function( serviceName, rules){
		EUCookieLawServices[serviceName] = rules;
	}

	function cloneItem(theContainer){
		// Cloning the container with events
		var clonedSection = $(theContainer).clone(true);

		// And appending it just after the current container
		return $(clonedSection).insertAfter(theContainer);

	}

	function makeRepeater(sectionsSelector, addClass, removeClass, callback) {
		$(document
		).on("click",
				sectionsSelector + " " + addClass + "," +
				sectionsSelector + " " + removeClass,
			function (event) {
			// Avoiding the link to do the default behavior.
			event.preventDefault();

			// Get the container to be removed/cloned
			var theContainer = $(this).parents(sectionsSelector);
			if ($(this).is(addClass)) {

				var theItem = cloneItem(theContainer);

				if(typeof(callback) === 'function'){

					callback('added', theItem);

				}

			} else {
				// If the user confirm the "Are You Sure" message
				// we can remove the current container
				// if (confirm(AYSMsg)) {

					// Making fade out, hide and remove element a sequence
					// to provide a nice UX when removing element.
					$(theContainer).fadeOut('normal',
						function () {
							$(this).hide('fast',
								function () {
									$(this).remove();

									if(typeof(callback) === 'function'){

										callback('removed');

									}
								}
							);
						}
					);
				// }
			}
		});
	}

	makeRepeater(
		'.eucookie-repeated-section',   /* The container selector */
		'.add',                   /* The add action selector */
		'.remove',                /* The remove action selector */
		function(action) {
			console.log(action);
			$('input[name="blocked_domains[]"]:first').blur();
		}
	);

	EUCookieLawAddService('google-all', [
		'.google.it',
		'.google.com',
		'.googleapis.com'
	]);
	EUCookieLawAddService('google-fonts', [
		'fonts.googleapis.com'
	]);
	EUCookieLawAddService('google-maps', [
		'maps.google.com',
		'maps.googleapis.com',
		'www.google.com/maps',
		'www.google.it/maps'
	]);
	EUCookieLawAddService('google-analytics', [
		'.google-analytics.com'
	]);

	EUCookieLawAddService('google-adsense', [
		'.googlesyndication.com/pagead/'
	]);

	EUCookieLawAddService('google-doubleclick', [
		'.doubleclick.net'
	]);

	EUCookieLawAddService('facebook', [
		'.facebook.net',
		'.facebook.com',
		'.facebook.it',
		'.facebook.net'
	]);

	EUCookieLawAddService('instagram', [
		'.instagram.com',
		'.cdninstagram.com'
	]);

	EUCookieLawAddService('linkedin', [
		'.linkedin.com'
	]);

	EUCookieLawAddService('pinterest', [
		'.pinterest.com'
	]);

	EUCookieLawAddService('twitter', [
		'.twitter.com',
		'.twitterfeed.com'
	]);

	EUCookieLawAddService('vimeo', [
		'.vimeo.com'
	]);

	EUCookieLawAddService('google-youtube', [
		'.youtube-nocookie.com',
		'.youtube.com'
	]);

	EUCookieLawAddService('Vimeo', [
		'.vimeo.com'
	]);

	EUCookieLawAddService('digg', [
		'.digg.com'
	]);

	EUCookieLawAddService('addthis', [
		'.addthis.com'
	]);

	EUCookieLawAddService('eventbrite', [
		'.eventbrite.it',
		'.eventbrite.com'
	]);


	$('[data-eucookielaw-include]').on('click', function(event){
		event.preventDefault();
		var serviceRules = EUCookieLawServices[ $(this).data('eucookielaw-include')].slice() ;
		if(serviceRules) {
			$('#blocked-urls .eucookie-repeated-section input').each(function(){
				var idx;
				if(idx = serviceRules.indexOf( $(this).val() ) !=-1){
					serviceRules[idx] = false;
				}
			});

			serviceRules.forEach( function(item){
				if(item != false){
					cloneItem('#blocked-urls .eucookie-repeated-section:last');
					$('#blocked-urls .eucookie-repeated-section:last input').val(item);
				}
			});
		}
	});

	$('[data-set-url]').on('click', function(event){
		event.preventDefault();
		var $this = $(this);
		$( $this.attr('href')).val( $this.data('set-url') );

	});


	$('#import-settings').on('click', importSettings);
	$('#export-settings').on('click', exportSettings);


	$(document).on('click', '#eucookielaw-settings button', function(){
		if(mode =='import') {
			var settings = $('#eucookielaw-settings textarea').val();
			var queryString = {};
			settings.replace(
				new RegExp("([^?=&]+)(=([^&]*))?", "g"),
				function($0, param, $2, value) {
					param = decodeURIComponent(param);
					value = decodeURIComponent(value).replace(/\+/g, ' ');
					if(param!='nonce') {
						if (/.*\[]$/.test(param)) {
							param = param.substr(0, param.length - 2);
							if (!$.isArray(queryString[param])) {
								if (queryString[param] !== undefined)
									queryString[param] = [queryString[param]];
								else
									queryString[param] = [];
							}
							if (value !== '') {
								queryString[param].push(value);
							}
						} else {
							queryString[param] = value;
						}
					}
				}
			);

			for(var key in queryString){
				if(key!='nonce') {
					var value = queryString[key],
						selector = '[name="' + key + '"]';

					if ($.isArray(value)) {
						selector = '[name="' + key + '[]"]';
						$(selector).parent('.eucookie-repeated-section').not(':first').remove();
						selector += ":last";
						for (var i = 0; i <= value.length; i++) {
							if (i > 0) {
								cloneItem($(selector).parent('.eucookie-repeated-section'));
							}
							$(selector).val(value[i]);
						}
					} else {
						$(selector).not(':checkbox').not(':radio').val(value);
						$(selector + '[value="' + value + '"]:radio').click();
					}
				}
			}
		}
		$('#eucookielaw-settings').remove();
	});

	$('.handlediv').on('click', function(event){
		$(this).siblings('.inside').slideToggle('fast');
	});

	var pos = $('#submit').offset().top;
	$(window).on('scroll', function () {

		var scrollTop = $(window).scrollTop();
		if (pos < scrollTop) {
			$('#submit').parent().addClass('fixed-on-top');
		} else {
			$('#submit').parent().removeClass('fixed-on-top');
		}
	});

	function escapeRegExp(str) {
		return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
	}

	$(document).on('focus', 'input[name="blocked_domains[]"].invalid', function(event){
		var rel = $(this).data('rel');
		rel.addClass('invalid-by');
	});

	$(document).on('blur', 'input[name="blocked_domains[]"]', function(event){

		var rel = $(this).data('rel');
		if(rel) {
			rel.removeClass('invalid-by');
		}

		// Check if there is a rule twice
		// or a rule covered from another

		var allURLs = $('input[name="blocked_domains[]"]'),
			invalidURLs = [];
		allURLs.each( function(){
			var thisURL = $(this),
				thisURLvalue = thisURL.val(),
				isRegExp = (thisURLvalue[0] == '.'),
				thisURLreg = new RegExp( '^' + (isRegExp?'([a-z0-9\\-_]{1,63}\\.)*':'') + escapeRegExp(thisURLvalue.substr(isRegExp?1:0)) );

			if(thisURLvalue!='') {
				allURLs.not(this).each(function () {
					if (thisURLreg.test($(this).val()) || thisURLvalue == $(this).val()) {
						$(this).data('rel', thisURL);
						invalidURLs.push(this);
					}
				});
			}
		});
		$(allURLs).not(invalidURLs).removeClass('invalid');
		$(invalidURLs).addClass('invalid');

	});
	$('input[name="blocked_domains[]"]:first').blur();

	$('[name=debug]').on('change', function(){

		var val = $('[name=debug]:checked').val();
		$('.on-debug-'+ val).slideDown();
		$('.on-debug').not('.on-debug-'+ val).slideUp();

	}).change();

	$('[name=agree_on_scroll]').on('change', function(){
		var val = $('[name=agree_on_scroll]:checked').val();

		if(val == 'y'){
			$('[name=agree_on_scroll]:checked').parents('label').next().show();
		}else{
			$('[name=agree_on_scroll]:checked').parents('label').prev().hide();
		}
	}).change();




	function getTabLabel(lang){
		return $('#eucookielaw-languages-tab > li').filter( function(){ return $(this).data('eucookielaw-lang') == lang });
	}

	function showLang(event){
		event.preventDefault();
		$('#eucookielaw-languages-tab > li.current').not(this).removeClass('current');
		var lang = $(this).addClass('current').data('eucookielaw-lang');
		var theRightTab = $('.language_box').filter( function(){return $(this).data('eucookielaw-lang-ref') == lang });

		$('.language_box').not(theRightTab).hide();
		theRightTab.show();

	}

	function addLang( lang, content ){
		if( eucookielawLanguages[lang] && getTabLabel(lang) > 0 ) return false;
		eucookielawLanguages[lang] = content;
		var li = $('<li />')
				.html(lang)
				.insertBefore( '#add-new-language-box')
				.data( 'eucookielaw-lang', lang)
				.on('click', showLang);
		var baseTab = $('.language_box:last');
		var cloned = baseTab.clone();
		cloned.insertBefore(baseTab).data('eucookielaw-lang-ref', lang);

		$('*[data="eucookielaw-binded-lang"]', cloned).val( lang );

		$('*[data="eucookielaw-binded-title"]', cloned).val( content.title );
		$('*[data="eucookielaw-binded-message"]', cloned).val( content.message );
		$('*[data="eucookielaw-binded-agree"]', cloned).val( content.agreeLabel);
		$('*[data="eucookielaw-binded-disagree"]', cloned).val( content.disagreeLabel );
		$('.mark-deleted input', cloned).val( lang).prop('checked', false);
		li.click();
	}

	$('#add-new-language-box').on('click', function(){
		addLang('New language', {
			title: '',
			message: '',
			agreeLabel: '',
			disagreeLabel: ''
		});
	});

	$(document).on('change', '*[data="eucookielaw-binded-lang"]', function(event){

		var lang = $(this).val(),
			liCurrent = $('#eucookielaw-languages-tab > li.current'),
			curLang = liCurrent.data('eucookielaw-lang-ref'),
			languageBox = $('.language_box:visible');

		eucookielawLanguages[lang] = eucookielawLanguages[curLang];

		delete(eucookielawLanguages[curLang]);

		liCurrent
				.text(lang)
				.data('eucookielaw-lang', lang);
		languageBox.data('eucookielaw-lang-ref', lang);
		$('.mark-deleted input', languageBox).val(lang);
	} );

	if(eucookielawLanguages){
		if(eucookielawLanguages['']) delete eucookielawLanguages[''];
		for(var lang in eucookielawLanguages){
			console.log(lang);
			addLang( lang, eucookielawLanguages[lang]);
		}
		$('#eucookielaw-languages-tab > li:first').click();
	}else{
		console.log(eucookielawLanguages);
	}


});