jquery.freeTheCookies.js

//
// jQuery.freeTheCookies
// https://github.com/berarma/jquery-freeTheCookies
//
// Copyright (c) 2013 Bernat Arlandis
// Licensed under the GPLv2 license.
//

(function($, window, undefined) {
	"use strict";

	var
	$window = $( window ),
	initialized = false,
	$block = $( "<div/>" ),
	$close = $( "<div/>" ),
	defaults =  {
		text: "This site needs <em>cookies</em> to offer its services. By using our services you're accepting the use we make of <em>cookies</em>. <a href='/cookie_policy'>More information</a>.",
		style: {},
		disabled: false,
		cookieName: "cookie-consent",
		cookieOptions: {
			expires: 365,
			path: "/"
		},
		speed: 300,
		blockAttrs: {},
		blockCss: {
			position: "fixed",
			left: "0",
			right: "0",
			top: "0",
			padding: "1em",
			border: "1px solid #ccc",
			borderStyle: "solid none",
			textAlign: "center",
			font: "normal 0.9em/1.3 sans-serif",
			backgroundColor: "rgba(240, 232, 160, 0.95)",
			color: "#333",
			zIndex: "9999"
		},
		closeHtml: "X",
		closeAttrs: {
			title: 'Close'
		},
		closeCss: {
			"float": "right",
			marginLeft: "1em",
			fontWeight: "bold",
			cursor: "pointer"
		},
		parentBlock: "body",
		position: "append",
		onUserAction: function( e ) {
			return true;
		}
	},
	settings,
	$events = $( defaults ),
	self = $.freeTheCookies = function( options ) {

		var callback = null;

		if ( options !== undefined ) {
			if ( $.isFunction( options ) ) {
				callback = options;
				options = {};
			}
			if ( options.onConsent ) {
				callback = options.onConsent;
				delete options.onConsent;
			}
		}

		if ( !initialized ) {
			settings = $.extend( {}, defaults, options );
		}

		if ( settings.disabled ) {
			initialized = true;
			return false;
		}

		if ( callback ) {
			$events.bind( "onConsent", callback);
		}

		if ( $.cookie( settings.cookieName ) ) {
			$events.triggerHandler( "onConsent" );
			initialized = true;
			return true;
		}

		if ( initialized ) {
			return false;
		}

		$block.attr( settings.blockAttrs ).html( settings.text ).css( $.extend( {}, settings.blockCss, settings.style ) );
		$close.attr( settings.closeAttrs ).html( settings.closeHtml ).css( settings.closeCss );
		$close.prependTo( $block );

		$(function() {
			var $parent = $( settings.parentBlock );

			if ( settings.position == 'append' ) {
				$block.appendTo( $parent );
			} else {
				$block.prependTo( $parent );
			}
			$block.hide();
			$block.slideDown( settings.speed, function() {

				$block.bind( "click", function( e ) {
					e.stopPropagation();
				});

				$close.bind( "click", function() {
					setCookiesFree();
				});

				$( "body" ).bind( "click.cookie-consent", function( e ) {
					userAction( e );
				});

				var blockHeight = $block.height();
				$window.bind( 'scroll.cookie-consent', function( e ) {
					if ( window.pageYOffset >= blockHeight ) {
						userAction( e );
						$window.unbind( ".cookie-consent" );
					}
				});

			});
		});

		initialized = true;

		return false;

	};

	function setCookiesFree() {
		$window.unbind( ".cookie-consent" );
		$( "body" ).unbind( ".cookie-consent" );
		$.cookie( settings.cookieName, "1", settings.cookieOptions);
		$block.slideUp( settings.speed );
		$events.triggerHandler( "onConsent" );
	}

	function userAction( e ) {
		if ( settings.onUserAction( e ) ) {
			setCookiesFree();
			return true;
		}
		return false;
	}

	self.now = setCookiesFree;

	self.settings = defaults;

})(jQuery, window);