jquery.cookiecuttr.js

/**
* Copyright (C) 2012 Chris Wharton (chris@weare2ndfloor.com)
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* THIS SOFTWARE AND DOCUMENTATION IS PROVIDED "AS IS," AND COPYRIGHT
* HOLDERS MAKE NO REPRESENTATIONS OR WARRANTIES, EXPRESS OR IMPLIED,
* INCLUDING BUT NOT LIMITED TO, WARRANTIES OF MERCHANTABILITY OR
* FITNESS FOR ANY PARTICULAR PURPOSE OR THAT THE USE OF THE SOFTWARE
* OR DOCUMENTATION WILL NOT INFRINGE ANY THIRD PARTY PATENTS,
* COPYRIGHTS, TRADEMARKS OR OTHER RIGHTS.COPYRIGHT HOLDERS WILL NOT
* BE LIABLE FOR ANY DIRECT, INDIRECT, SPECIAL OR CONSEQUENTIAL
* DAMAGES ARISING OUT OF ANY USE OF THE SOFTWARE OR DOCUMENTATION.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://gnu.org/licenses/>.
Documentation available at http://cookiecuttr.com
*/
(function ($) {
    $.cookieCuttr = function (options) {
        var defaults = {
            cookieCutter: false, // you'd like to enable the div/section/span etc. hide feature? change this to true
            cookieCutterDeclineOnly: false, // you'd like the CookieCutter to only hide when someone has clicked declined set this to true
            cookieAnalytics: false, // just using a simple analytics package? change this to true
            cookieDeclineButtons: true, // this will disable non essential cookies
            cookieAcceptButton: false, // this will disable non essential cookies
            cookieResetButton: false,
            cookieOverlayEnabled: false, // don't want a discreet toolbar? Fine, set this to true
            cookiePolicyLink: '/privacy-policy', // if applicable, enter the link to your privacy policy here...
			cookieMessage : "Ce site web utilise des cookies, en savoir plus <a id='learn_more' class='learn_more' href=\"{{cookiePolicyLink}}\" title=\"En savoir plus\">cliquer ici</a>",
			cookieGenMessage : "Ce site web utilise des cookies, pour des finalités de {{cookieFinalitéesListe}} en savoir plus <a id='learn_more' class='learn_more' href=\"{{cookiePolicyLink}}\" title=\"En savoir plus\">cliquer ici</a>",
            cookieSocialMessage: "Ce site web utilise des cookies pour fournire des fonctionalité de partage sur les réseau socieaux, si vous souhaite en savoir plus <a id='learn_more' class='learn_more' href=\"{{cookiePolicyLink}}\" title=\"En savoir plus\">cliquer ici</a>",
            cookieAnalyticsMessage: "Nous utilisons des cookies pour des fonctionalité de mesure d'audience, si vous souhaite en savoir plus <a id='learn_more' class='learn_more' href=\"{{cookiePolicyLink}}\" title=\"En savoir plus\">cliquer ici</a>.",
            cookieErrorMessage: "We\'re sorry, this feature places cookies in your browser and has been disabled. <br>To continue using this functionality, please",
            cookieWhatAreTheyLink: "http://www.allaboutcookies.org/",
            cookieDisable: '',
            cookieExpires: 365,
			cookieFinalitees: ["analytics","social","advertisement"],
			cookieTexts: {"analytics":"mesure d'audience","social":"réseaux socieaux","advertisement":"publicité"},
			cookieButtons: {"analytics":{"accept": "Accepter analytics","decline":"Refuser analytics","text":"mesure d'audience","status":"accept"},"social":{"accept": "Accepter social","decline":"Refuser social","text":"réseaux socieaux","status":"accept"},"advertisement":{"accept":"Accepter pub","decline":"Refuser pub","text":"publicité","status":"accept"}},
            cookieAcceptButtonText: "ACCEPT COOKIES",
            cookieDeclineButtonText: "DECLINE COOKIES",
            cookieResetButtonText: "RESET COOKIES FOR THIS WEBSITE",
            cookieWhatAreLinkText: "What are cookies?",
            cookieNotificationLocationBottom: true, // top or bottom - they are your only options, so true for bottom, false for top
            cookiePolicyPage: false,
            cookiePolicyPageMessage: 'Please read the information below and then choose from the following options',
            cookieDiscreetLink: false,
            cookieDiscreetReset: true,
            cookieDiscreetLinkText: "Cookies?",
            cookieDiscreetPosition: "topleft", //options: topleft, topright, bottomleft, bottomright
            cookieNoMessage: false, // change to true hide message from all pages apart from your policy page
            cookieDomain: "cookiecuttr.com"
        };
        var options = $.extend(defaults, options); 
		var listeFinalitées = options.cookieFinalitees.map(function(x){return defaults.cookieTexts[x]}).join(",");
        var message = defaults.cookieGenMessage.replace('{{cookiePolicyLink}}', defaults.cookiePolicyLink).replace('{{cookieFinalitéesListe}}',listeFinalitées);
        defaults.cookieMessage = "We use cookies on this website, you can <a id='learn_more' class='learn_more' href=\"' + defaults.cookiePolicyLink + '\" title=\"read about our cookies\">read about them here</a>. To use the website as intended please...";
        //convert options
		var cookieButtonDecName = options.cookieButtonDecName;
		var cookieFinalitees = options.cookieFinalitees;
        var cookiePolicyLinkIn = options.cookiePolicyLink;
        var cookieCutter = options.cookieCutter;
        var cookieCutterDeclineOnly = options.cookieCutterDeclineOnly;
        var cookieAnalytics = options.cookieAnalytics;
        var cookieDeclineButtons = options.cookieDeclineButtons;
        var cookieAcceptButton = options.cookieAcceptButton;
        var cookieResetButton = true;
        var cookieOverlayEnabled = options.cookieOverlayEnabled;
        var cookiePolicyLink = options.cookiePolicyLink;
        var cookieMessage = message;
        var cookieAnalyticsMessage = options.cookieAnalyticsMessage;
        var cookieErrorMessage = options.cookieErrorMessage;
        var cookieDisable = options.cookieDisable;
        var cookieWhatAreTheyLink = options.cookieWhatAreTheyLink;
        var cookieExpires = options.cookieExpires;
        var cookieAcceptButtonText = options.cookieAcceptButtonText;
        var cookieDeclineButtonText = options.cookieDeclineButtonText;
        var cookieResetButtonText = options.cookieResetButtonText;
        var cookieWhatAreLinkText = options.cookieWhatAreLinkText;
        var cookieNotificationLocationBottom = options.cookieNotificationLocationBottom;
        var cookiePolicyPage = options.cookiePolicyPage;
        var cookiePolicyPageMessage = options.cookiePolicyPageMessage;
        var cookieDiscreetLink = options.cookieDiscreetLink;
        var cookieDiscreetReset = true;
        var cookieDiscreetLinkText = options.cookieDiscreetLinkText;
        var cookieDiscreetPosition = options.cookieDiscreetPosition;
        var cookieNoMessage = options.cookieNoMessage;
        // cookie identifier
        var $cookieAccepted = $.cookie('cc_cookie_accept') == "cc_cookie_accept";
        $.cookieAccepted = function () {
            return $cookieAccepted;
        };
        var $cookieDeclined = $.cookie('cc_cookie_decline') == "cc_cookie_decline";
        $.cookieDeclined = function () {
            return $cookieDeclined;
        };
	
        // write cookie accept button
        if (cookieButtons) {
        	var cookieArray = [];
        	for ( var i=0; i< cookieFinalitees.length; i++) {
        		var finalite = cookieButtons[cookieFinalitees[i]];
        		var status = finalite.status;
        		if (jQuery.cookie('cc_cookie_decline_'+finalite) != "cc_cookie_decline_"+finalite)) status = 'decline';       		
				cookieArray.push('<a href="#'+ cookieFinalitees[i] +'" class="cc-cookie-'+ status+'">' + finalite[status]+ '</a> ');
			}
        } else {
            var cookieArray = [];
        }

        // write cookie decline button
        if (cookieDeclineButtons) {
		    var cookieDecline = [];
			for ( var i=0; i< cookieFinalitees.length; i++) {
				cookieDecline.push('<a href="#'+ cookieFinalitees[i] +'" class="cc-cookie-decline">' + cookieButtonDecName[cookieFinalitees[i]]+ '</a> ');
			}
        } else {
            var cookieDecline = [];
        }
        // write extra class for overlay
        if (cookieOverlayEnabled) {
            var cookieOverlay = 'cc-overlay';
        } else {
            var cookieOverlay = "";
        }
        // to prepend or append, that is the question?
        if ((cookieNotificationLocationBottom) || (cookieDiscreetPosition == "bottomright") || (cookieDiscreetPosition == "bottomleft")) {
            var appOrPre = true;
        } else {
            var appOrPre = false;
        }
        if (($cookieAccepted) || ($cookieDeclined)) {
            // write cookie reset button
            if ((cookieResetButton) && (cookieDiscreetReset)) {
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies cc-discreet"><a class="cc-cookie-reset" href="#" title="' + cookieResetButtonText + '">' + cookieResetButtonText + '</a></div>');
                } else {
                    $('body').prepend('<div class="cc-cookies cc-discreet"><a class="cc-cookie-reset" href="#" title="' + cookieResetButtonText + '">' + cookieResetButtonText + '</a></div>');
                }
                //add appropriate CSS depending on position chosen
                if (cookieDiscreetPosition == "topleft") {
                    $('div.cc-cookies').css("top", "0");
                    $('div.cc-cookies').css("left", "0");
                }
                if (cookieDiscreetPosition == "topright") {
                    $('div.cc-cookies').css("top", "0");
                    $('div.cc-cookies').css("right", "0");
                }
                if (cookieDiscreetPosition == "bottomleft") {
                    $('div.cc-cookies').css("bottom", "0");
                    $('div.cc-cookies').css("left", "0");
                }
                if (cookieDiscreetPosition == "bottomright") {
                    $('div.cc-cookies').css("bottom", "0");
                    $('div.cc-cookies').css("right", "0");
                }
            } else if (cookieResetButton) {
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies"><a href="#" class="cc-cookie-reset">' + cookieResetButtonText + '</a></div>');
                } else {
                    $('body').prepend('<div class="cc-cookies"><a href="#" class="cc-cookie-reset">' + cookieResetButtonText + '</a></div>');
                }
            } else {
                var cookieResetButton = "";
            }
        } else {
            // add message to just after opening body tag
            if ((cookieNoMessage) && (!cookiePolicyPage)) {
                // show no link on any pages APART from the policy page
            } else if ((cookieDiscreetLink) && (!cookiePolicyPage)) { // show discreet link
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies cc-discreet"><a href="' + cookiePolicyLinkIn + '" title="' + cookieDiscreetLinkText + '">' + cookieDiscreetLinkText + '</a></div>');
                } else {
                    $('body').prepend('<div class="cc-cookies cc-discreet"><a href="' + cookiePolicyLinkIn + '" title="' + cookieDiscreetLinkText + '">' + cookieDiscreetLinkText + '</a></div>');
                }
                //add appropriate CSS depending on position chosen
                if (cookieDiscreetPosition == "topleft") {
                    $('div.cc-cookies').css("top", "0");
                    $('div.cc-cookies').css("left", "0");
                }
                if (cookieDiscreetPosition == "topright") {
                    $('div.cc-cookies').css("top", "0");
                    $('div.cc-cookies').css("right", "0");
                }
                if (cookieDiscreetPosition == "bottomleft") {
                    $('div.cc-cookies').css("bottom", "0");
                    $('div.cc-cookies').css("left", "0");
                }
                if (cookieDiscreetPosition == "bottomright") {
                    $('div.cc-cookies').css("bottom", "0");
                    $('div.cc-cookies').css("right", "0");
                }
            } else if (cookieAnalytics) { // show analytics overlay
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies ' + cookieOverlay + '">' + cookieAnalyticsMessage + cookieButtons.join("") + '<a href="' + cookieWhatAreTheyLink + '" title="Visit All about cookies (External link)">' + cookieWhatAreLinkText + '</a></div>');
                } else {
                    $('body').prepend('<div class="cc-cookies ' + cookieOverlay + '">' + cookieAnalyticsMessage + cookieButtons.join("")  + '<a href="' + cookieWhatAreTheyLink + '" title="Visit All about cookies (External link)">' + cookieWhatAreLinkText + '</a></div>');
                }
            }
            if (cookiePolicyPage) { // show policy page overlay
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies ' + cookieOverlay + '">' + cookiePolicyPageMessage + " " + ' <a href="#accept" class="cc-cookie-accept">' + cookieAcceptButtonText + '</a> ' + ' <a href="#decline" class="cc-cookie-decline">' + cookieDeclineButtonText + '</a> ' + '</div>');
                } else {
                    $('body').prepend('<div class="cc-cookies ' + cookieOverlay + '">' + cookiePolicyPageMessage + " " + ' <a href="#accept" class="cc-cookie-accept">' + cookieAcceptButtonText + '</a> ' + ' <a href="#decline" class="cc-cookie-decline">' + cookieDeclineButtonText + '</a> ' + '</div>');
                }
            } else if ((!cookieAnalytics) && (!cookieDiscreetLink)) { // show privacy policy option
                if (appOrPre) {
                    $('body').append('<div class="cc-cookies ' + cookieOverlay + '">' + cookieMessage + cookieAccept + cookieButtons.join("")  + '</div>');
                } else {
                    $('body').prepend('<div class="cc-cookies ' + cookieOverlay + '">' + cookieMessage + cookieAccept + cookieButtons.join("")  + '</div>');
                }
            }
        }
        if ((cookieCutter) && (!cookieCutterDeclineOnly) && (($cookieDeclined) || (!$cookieAccepted))) {
            $(cookieDisable).html('<div class="cc-cookies-error">' + cookieErrorMessage + ' <a href="#accept" class="cc-cookie-accept">' + cookieAcceptButtonText + '</a> ' + '</div>');
        }
        if ((cookieCutter) && (cookieCutterDeclineOnly) && ($cookieDeclined)) {
            $(cookieDisable).html('<div class="cc-cookies-error">' + cookieErrorMessage + ' <a href="#accept" class="cc-cookie-accept">' + cookieAcceptButtonText + '</a> ' + '</div>');
        }
        // if bottom is true, switch div to bottom if not in discreet mode
        if ((cookieNotificationLocationBottom) && (!cookieDiscreetLink)) {
            $('div.cc-cookies').css("top", "auto");
            $('div.cc-cookies').css("bottom", "0");
        }
        if ((cookieNotificationLocationBottom) && (cookieDiscreetLink) && (cookiePolicyPage)) {
            $('div.cc-cookies').css("top", "auto");
            $('div.cc-cookies').css("bottom", "0");
        }
		// On vérifie qu'il ne s'agit pas d'un clique sur la banniére
		$('a:not(.learn_more,.cc-cookie-decline,.cc-cookie-reset)').click(function(e) {
			$.cookie("cc_cookie_accept", "cc_cookie_accept", {
					expires: cookieExpires,
					path: '/'
			});
		});		
        // setting the cookies
        // for top bar
        $('.cc-cookie-decline').click(function (e) {
            e.preventDefault();
            if ($(this).is('[href$=#social]')) {
                $.cookie("cc_cookie_decline_social", "cc_cookie_decline_social", {
                    expires: cookieExpires,
                    path: '/'
                });              
            } 
			if ($(this).is('[href$=#analytics]')) {
                $.cookie("cc_cookie_decline_analytics", "cc_cookie_decline_analytics", {
                    expires: cookieExpires,
                    path: '/'
                });              
            }
			if ($(this).is('[href$=#advertisement]')) {
                $.cookie("cc_cookie_decline_advertisement", "cc_cookie_decline_advertisement", {
                    expires: cookieExpires,
                    path: '/'
                });              
            }
        });
        $('.cc-cookie-accept').click(function (e) {
            e.preventDefault();
            if ($(this).is('[href$=#social]')) {
                $.cookie("cc_cookie_decline_social", null, {
                    expires: -1,
                    path: '/'
                });              
            } 
			if ($(this).is('[href$=#analytics]')) {
                $.cookie("cc_cookie_decline_analytics", null, {
                    expires: -1,
                    path: '/'
                });              
            }
			if ($(this).is('[href$=#advertisement]')) {
                $.cookie("cc_cookie_decline_advertisement", null, {
                    expires: -1,
                    path: '/'
                });              
            }
        });
		function resetCookies() {
			$.cookie("cc_cookie_accept", null, {
				expires: -1,
                path: '/'
            });
            $.cookie("cc_cookie_decline_analytics", null, {
                expires: -1,
				path: '/'
            });
			$.cookie("cc_cookie_decline_social", null, {
                expires: -1,
				path: '/'
            });
			$.cookie("cc_cookie_decline_advertisement", null, {
                expires: -1,
				path: '/'
            });
		}
        //reset cookies
        $('a.cc-cookie-reset').click(function (f) {
            f.preventDefault();
			resetCookies();  
			$(".cc-cookies").fadeOut(function () {
                // reload page to activate cookies
                location.reload();
            });
        });
        //cookie error accept
        $('.cc-cookies-error a.cc-cookie-accept').click(function (g) {
            g.preventDefault();
            $.cookie("cc_cookie_accept", "cc_cookie_accept", {
                expires: cookieExpires,
                path: '/'
            });
            $.cookie("cc_cookie_decline", null, {
                path: '/'
            });
            // reload page to activate cookies
            location.reload();
        });
		if( $(location).attr("href").indexOf(cookiePolicyLinkIn) >0 ) resetCookies();
    };
})(jQuery);