|
|
@@ -0,0 +1,445 @@
|
|
|
+/*jslint browser: true */
|
|
|
+var tarteaucitron = {
|
|
|
+ "cdn": "",
|
|
|
+ "user": {},
|
|
|
+ "lang": {},
|
|
|
+ "services": {},
|
|
|
+ "state": [],
|
|
|
+ "launch": [],
|
|
|
+ "init": function () {
|
|
|
+ "use strict";
|
|
|
+ var cdn = tarteaucitron.cdn,
|
|
|
+ language = tarteaucitron.getLanguage(),
|
|
|
+ pathToLang = cdn + 'lang/tarteaucitron.' + language + '.js',
|
|
|
+ pathToServices = cdn + 'tarteaucitron.services.js',
|
|
|
+ linkElement = document.createElement('link');
|
|
|
+
|
|
|
+ // Step 1: load css
|
|
|
+ linkElement.rel = 'stylesheet';
|
|
|
+ linkElement.type = 'text/css';
|
|
|
+ linkElement.href = cdn + 'css/tarteaucitron.css';
|
|
|
+ document.getElementsByTagName('head')[0].appendChild(linkElement);
|
|
|
+
|
|
|
+ // Step 2: load language and services
|
|
|
+ tarteaucitron.addScript(pathToLang, '', function () {
|
|
|
+ tarteaucitron.addScript(pathToServices, '', function () {
|
|
|
+
|
|
|
+ var body = document.body,
|
|
|
+ div = document.createElement('div'),
|
|
|
+ hostname = document.location.hostname,
|
|
|
+ hostRef = document.referrer.split('/')[2],
|
|
|
+ isNavigating = (hostRef === hostname) ? true : false,
|
|
|
+ isAutostart,
|
|
|
+ isDenied,
|
|
|
+ isAllowed,
|
|
|
+ isResponded,
|
|
|
+ cookie = tarteaucitron.cookie.read(),
|
|
|
+ s = tarteaucitron.services,
|
|
|
+ service,
|
|
|
+ html = '',
|
|
|
+ lastTitle,
|
|
|
+ phrases,
|
|
|
+ textIntro,
|
|
|
+ textMore,
|
|
|
+ alert = false,
|
|
|
+ index;
|
|
|
+
|
|
|
+ // dedup, clean and sort job[]
|
|
|
+ function cleanArray(arr) {
|
|
|
+ var i,
|
|
|
+ len = arr.length,
|
|
|
+ out = [],
|
|
|
+ obj = {};
|
|
|
+
|
|
|
+ for (i = 0; i < len; i += 1) {
|
|
|
+ if (!obj[arr[i]]) {
|
|
|
+ obj[arr[i]] = {};
|
|
|
+ if (tarteaucitron.services[arr[i]] !== undefined) {
|
|
|
+ out.push(arr[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return out;
|
|
|
+ }
|
|
|
+ tarteaucitron.job = cleanArray(tarteaucitron.job);
|
|
|
+ tarteaucitron.job = tarteaucitron.job.sort(function (a, b) {
|
|
|
+ if (s[a].type + s[a].key > s[b].type + s[b].key) { return 1; }
|
|
|
+ if (s[a].type + s[a].key < s[b].type + s[b].key) { return -1; }
|
|
|
+ return 0;
|
|
|
+ });
|
|
|
+
|
|
|
+ // if bypass: load all services and exit
|
|
|
+ // for example, set tarteaucitron.user.bypass = true;
|
|
|
+ // if the user is not in europa
|
|
|
+ if (tarteaucitron.user.bypass === true) {
|
|
|
+ for (index = 0; index < tarteaucitron.job.length; index += 1) {
|
|
|
+ service = s[tarteaucitron.job[index]];
|
|
|
+ service.js();
|
|
|
+ }
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // Step 3: prepare the html
|
|
|
+ html += '<div id="tarteaucitronBack"></div>';
|
|
|
+ html += '<div id="tarteaucitron">';
|
|
|
+ html += ' <div id="tarteaucitronClosePanel" onclick="tarteaucitron.userInterface.closePanel();">';
|
|
|
+ html += ' ' + tarteaucitron.lang.close;
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div id="tarteaucitronDisclaimer">';
|
|
|
+ html += ' ' + tarteaucitron.lang.disclaimer;
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div id="tarteaucitronServices">';
|
|
|
+
|
|
|
+ for (index = 0; index < tarteaucitron.job.length; index += 1) {
|
|
|
+ service = s[tarteaucitron.job[index]];
|
|
|
+ textIntro = service.lang[language].split(".").splice(0, 1).join(".");
|
|
|
+ phrases = service.lang[language].split(".");
|
|
|
+ phrases.splice(0, 1);
|
|
|
+ textMore = phrases.join(".");
|
|
|
+
|
|
|
+ if (lastTitle !== service.type) {
|
|
|
+ html += '<div class="tarteaucitronTitle">';
|
|
|
+ html += ' ' + tarteaucitron.lang[service.type];
|
|
|
+ html += '</div>';
|
|
|
+
|
|
|
+ lastTitle = service.type;
|
|
|
+ }
|
|
|
+
|
|
|
+ html += '<div id="' + service.key + 'Line" class="tarteaucitronLine">';
|
|
|
+ html += ' <div class="tarteaucitronName">';
|
|
|
+ html += ' <b>' + service.name + '</b><br/>';
|
|
|
+ html += ' ' + textIntro + '. ';
|
|
|
+ html += ' <em id="' + service.key + 'More" onclick="tarteaucitron.userInterface.showMore(this);">';
|
|
|
+ html += ' ' + tarteaucitron.lang.more;
|
|
|
+ html += ' </em>';
|
|
|
+ html += ' <div id="' + service.key + 'MoreText" class="tarteaucitronMore">';
|
|
|
+ html += ' ' + textMore;
|
|
|
+ html += ' <a href="' + service.uri + '" target="_blank">';
|
|
|
+ html += ' ' + tarteaucitron.lang.source;
|
|
|
+ html += ' </a>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' <div class="tarteaucitronAsk">';
|
|
|
+ html += ' <div id="' + service.key + 'Allowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(this, true);">';
|
|
|
+ html += ' ' + tarteaucitron.lang.allow;
|
|
|
+ html += ' </div> ';
|
|
|
+ html += ' <div id="' + service.key + 'Denied" class="tarteaucitronDeny" onclick="tarteaucitron.userInterface.respond(this, false);">';
|
|
|
+ html += ' ' + tarteaucitron.lang.deny;
|
|
|
+ html += ' </div>';
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div>';
|
|
|
+ html += '<div class="clear"></div>';
|
|
|
+ }
|
|
|
+
|
|
|
+ html += ' </div>';
|
|
|
+ html += '</div>';
|
|
|
+ html += '<div id="tarteaucitronAlertBig">';
|
|
|
+ html += ' <span id="tarteaucitronDisclaimerAlert">';
|
|
|
+ html += ' ' + tarteaucitron.lang.alertBig;
|
|
|
+ html += ' </span>';
|
|
|
+ html += ' <span id="tarteaucitronPersonalize" onclick="tarteaucitron.userInterface.openPanel();">';
|
|
|
+ html += ' ' + tarteaucitron.lang.personalize;
|
|
|
+ html += ' </span>';
|
|
|
+ html += ' <span id="tarteaucitronCloseAlert" onclick="tarteaucitron.userInterface.closeAlert();">';
|
|
|
+ html += ' ' + tarteaucitron.lang.close;
|
|
|
+ html += ' </span>';
|
|
|
+ html += '</div>';
|
|
|
+ html += '<div id="tarteaucitronAlertSmall" onclick="tarteaucitron.userInterface.openPanel();">';
|
|
|
+ html += ' <span id="tarteaucitronDot"></span>';
|
|
|
+ html += ' ' + tarteaucitron.lang.alertSmall;
|
|
|
+ html += '</div>';
|
|
|
+
|
|
|
+ div.id = 'tarteaucitronRoot';
|
|
|
+ body.appendChild(div, body);
|
|
|
+ div.innerHTML = html;
|
|
|
+
|
|
|
+ // Step 4: load services
|
|
|
+ for (index = 0; index < tarteaucitron.job.length; index += 1) {
|
|
|
+ service = s[tarteaucitron.job[index]];
|
|
|
+ isAutostart = (!service.needConsent) ? true : false;
|
|
|
+ isDenied = (cookie.indexOf(service.key + '=false') >= 0) ? true : false;
|
|
|
+ isAllowed = (cookie.indexOf(service.key + '=true') >= 0) ? true : false;
|
|
|
+ isResponded = (cookie.indexOf(service.key) >= 0) ? true : false;
|
|
|
+
|
|
|
+ if ((!isResponded && (isAutostart || isNavigating)) || isAllowed) {
|
|
|
+ if (!isAllowed) {
|
|
|
+ tarteaucitron.cookie.create(service.key, true);
|
|
|
+ }
|
|
|
+ if (tarteaucitron.launch[service.key] !== true) {
|
|
|
+ tarteaucitron.launch[service.key] = true;
|
|
|
+ service.js();
|
|
|
+ }
|
|
|
+ tarteaucitron.state[service.key] = true;
|
|
|
+ tarteaucitron.userInterface.color(service.key, true);
|
|
|
+ } else if (isDenied) {
|
|
|
+ if (typeof service.fallback === 'function') {
|
|
|
+ service.fallback();
|
|
|
+ }
|
|
|
+ tarteaucitron.state[service.key] = false;
|
|
|
+ tarteaucitron.userInterface.color(service.key, false);
|
|
|
+ } else if (!isResponded) {
|
|
|
+ if (typeof service.fallback === 'function') {
|
|
|
+ service.fallback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (tarteaucitron.state[service.key] === undefined && !alert) {
|
|
|
+ alert = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // Step 5: display the alert
|
|
|
+ if (alert) {
|
|
|
+ tarteaucitron.userInterface.openAlert();
|
|
|
+ } else {
|
|
|
+ tarteaucitron.userInterface.closeAlert();
|
|
|
+ }
|
|
|
+ if (document.location.hash === '#tarteaucitron') {
|
|
|
+ tarteaucitron.userInterface.openPanel();
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ },
|
|
|
+ "userInterface": {
|
|
|
+ "css": function (id, property, value) {
|
|
|
+ "use strict";
|
|
|
+ document.getElementById(id).style[property] = value;
|
|
|
+ },
|
|
|
+ "showMore": function (el) {
|
|
|
+ "use strict";
|
|
|
+ var key = el.id.replace(/More/, '');
|
|
|
+ tarteaucitron.userInterface.css(key + 'MoreText', 'display', 'inline');
|
|
|
+ el.style.display = 'none';
|
|
|
+ },
|
|
|
+ "respond": function (el, status) {
|
|
|
+ "use strict";
|
|
|
+ var key = el.id.replace(new RegExp("(Allow|Deni)ed", "g"), '');
|
|
|
+
|
|
|
+ // return if same state
|
|
|
+ if (tarteaucitron.state[key] === status) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // if not already launched... launch the service
|
|
|
+ if (status === true) {
|
|
|
+ if (tarteaucitron.launch[key] !== true) {
|
|
|
+ tarteaucitron.launch[key] = true;
|
|
|
+ tarteaucitron.services[key].js();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ tarteaucitron.state[key] = status;
|
|
|
+ tarteaucitron.cookie.create(key, status);
|
|
|
+ tarteaucitron.userInterface.color(key, status);
|
|
|
+ },
|
|
|
+ "color": function (key, status) {
|
|
|
+ "use strict";
|
|
|
+ var gray = '#808080',
|
|
|
+ greenDark = '#1B870B',
|
|
|
+ greenLight = '#E6FFE2',
|
|
|
+ redDark = '#9C1A1A',
|
|
|
+ redLight = '#FFE2E2',
|
|
|
+ c = 'tarteaucitron',
|
|
|
+ allAllowed = true,
|
|
|
+ index;
|
|
|
+
|
|
|
+ if (status === true) {
|
|
|
+ tarteaucitron.userInterface.css(key + 'Line', 'backgroundColor', greenLight);
|
|
|
+ tarteaucitron.userInterface.css(key + 'Allowed', 'backgroundColor', greenDark);
|
|
|
+ tarteaucitron.userInterface.css(key + 'Denied', 'backgroundColor', gray);
|
|
|
+ } else if (status === false) {
|
|
|
+ tarteaucitron.userInterface.css(key + 'Line', 'backgroundColor', redLight);
|
|
|
+ tarteaucitron.userInterface.css(key + 'Allowed', 'backgroundColor', gray);
|
|
|
+ tarteaucitron.userInterface.css(key + 'Denied', 'backgroundColor', redDark);
|
|
|
+ }
|
|
|
+
|
|
|
+ // check if all services are allowed
|
|
|
+ for (index = 0; index < tarteaucitron.job.length; index += 1) {
|
|
|
+ if (tarteaucitron.state[tarteaucitron.job[index]] === false) {
|
|
|
+ allAllowed = false;
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (allAllowed) {
|
|
|
+ tarteaucitron.userInterface.css(c + 'Dot', 'backgroundColor', greenDark);
|
|
|
+ } else {
|
|
|
+ tarteaucitron.userInterface.css(c + 'Dot', 'backgroundColor', redDark);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "openPanel": function () {
|
|
|
+ "use strict";
|
|
|
+ tarteaucitron.userInterface.css('tarteaucitron', 'display', 'block');
|
|
|
+ tarteaucitron.userInterface.css('tarteaucitronBack', 'display', 'block');
|
|
|
+ tarteaucitron.userInterface.closeAlert();
|
|
|
+
|
|
|
+ // setting hash tag
|
|
|
+ document.location.hash = 'tarteaucitron';
|
|
|
+ },
|
|
|
+ "closePanel": function () {
|
|
|
+ "use strict";
|
|
|
+ tarteaucitron.userInterface.css('tarteaucitron', 'display', 'none');
|
|
|
+ tarteaucitron.userInterface.css('tarteaucitronBack', 'display', 'none');
|
|
|
+ },
|
|
|
+ "openAlert": function () {
|
|
|
+ "use strict";
|
|
|
+ var c = 'tarteaucitron';
|
|
|
+ tarteaucitron.userInterface.css(c + 'AlertSmall', 'display', 'none');
|
|
|
+ tarteaucitron.userInterface.css(c + 'AlertBig', 'display', 'block');
|
|
|
+ },
|
|
|
+ "closeAlert": function () {
|
|
|
+ "use strict";
|
|
|
+ var c = 'tarteaucitron';
|
|
|
+ tarteaucitron.userInterface.css(c + 'AlertSmall', 'display', 'block');
|
|
|
+ tarteaucitron.userInterface.css(c + 'AlertBig', 'display', 'none');
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "cookie": {
|
|
|
+ "create": function (key, status) {
|
|
|
+ "use strict";
|
|
|
+ var d = new Date(),
|
|
|
+ time = d.getTime(),
|
|
|
+ expireTime = time + 31536000000, // 365 days
|
|
|
+ regex = new RegExp("!" + key + "=(true|false)", "g"),
|
|
|
+ cookie = tarteaucitron.cookie.read().replace(regex, ""),
|
|
|
+ value = 'tarteaucitron=' + cookie + '!' + key + '=' + status;
|
|
|
+
|
|
|
+ d.setTime(expireTime);
|
|
|
+ document.cookie = value + '; expires=' + d.toGMTString() + '; path=/;';
|
|
|
+ },
|
|
|
+ "read": function () {
|
|
|
+ "use strict";
|
|
|
+ var nameEQ = "tarteaucitron=",
|
|
|
+ ca = document.cookie.split(';'),
|
|
|
+ i,
|
|
|
+ c;
|
|
|
+
|
|
|
+ for (i = 0; i < ca.length; i += 1) {
|
|
|
+ c = ca[i];
|
|
|
+ while (c.charAt(0) === ' ') {
|
|
|
+ c = c.substring(1, c.length);
|
|
|
+ }
|
|
|
+ if (c.indexOf(nameEQ) === 0) {
|
|
|
+ return c.substring(nameEQ.length, c.length);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return '';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ "getLanguage": function () {
|
|
|
+ "use strict";
|
|
|
+ if (!navigator) { return 'en'; }
|
|
|
+
|
|
|
+ var availableLanguages = 'en,fr',
|
|
|
+ defaultLanguage = 'en',
|
|
|
+ lang = navigator.language || navigator.browserLanguage ||
|
|
|
+ navigator.systemLanguage || navigator.userLang || null,
|
|
|
+ userLanguage = lang.substr(0, 2);
|
|
|
+
|
|
|
+ if (availableLanguages.indexOf(userLanguage) === -1) {
|
|
|
+ return defaultLanguage;
|
|
|
+ }
|
|
|
+ return userLanguage;
|
|
|
+ },
|
|
|
+ "addScript": function (url, id, callback) {
|
|
|
+ "use strict";
|
|
|
+ var script = document.createElement('script'),
|
|
|
+ done = false;
|
|
|
+
|
|
|
+ script.type = 'text/javascript';
|
|
|
+ script.id = (id !== undefined) ? id : '';
|
|
|
+ script.async = true;
|
|
|
+ script.src = url;
|
|
|
+
|
|
|
+ if (typeof callback === 'function') {
|
|
|
+ script.onreadystatechange = script.onload = function () {
|
|
|
+ var state = script.readyState;
|
|
|
+ if (!done && (!state || /loaded|complete/.test(state))) {
|
|
|
+ done = true;
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ }
|
|
|
+ document.getElementsByTagName('head')[0].appendChild(script);
|
|
|
+ },
|
|
|
+ "fallback": function (matchClass, content) {
|
|
|
+ "use strict";
|
|
|
+ var elems = document.getElementsByTagName('*'),
|
|
|
+ i,
|
|
|
+ index = 0;
|
|
|
+
|
|
|
+ for (i in elems) {
|
|
|
+ if (elems[i] !== undefined) {
|
|
|
+ for (index = 0; index < matchClass.length; index += 1) {
|
|
|
+ if ((' ' + elems[i].className + ' ')
|
|
|
+ .indexOf(' ' + matchClass[index] + ' ') > -1) {
|
|
|
+ if (typeof content === 'function') {
|
|
|
+ elems[i].innerHTML = content(elems[i]);
|
|
|
+ } else {
|
|
|
+ elems[i].innerHTML = content;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ /***
|
|
|
+ * Fallback function for advertising services
|
|
|
+ *
|
|
|
+ * Currently, a banner to promote tarteaucitron.js is displayed,
|
|
|
+ * fell free to change this by your own ads.
|
|
|
+ *
|
|
|
+ * Because eval() id devil, you can't pass <script>,
|
|
|
+ * only html like <a><img /></a>
|
|
|
+ */
|
|
|
+ "promoteMe": function (el) {
|
|
|
+ "use strict";
|
|
|
+ var l = tarteaucitron.getLanguage(),
|
|
|
+ w = el.offsetWidth,
|
|
|
+ h = el.offsetHeight,
|
|
|
+ s = '',
|
|
|
+ r = '';
|
|
|
+
|
|
|
+ if (w > 0 && h === 0) {
|
|
|
+ h = 60;
|
|
|
+ }
|
|
|
+ if (w >= 728 && h <= 60) {
|
|
|
+ h = 90;
|
|
|
+ }
|
|
|
+ if (w >= 970 && h >= 250) {
|
|
|
+ s = '970250';
|
|
|
+ } else if (w >= 970 && h >= 90) {
|
|
|
+ s = '97090';
|
|
|
+ } else if (w >= 728 && h >= 90) {
|
|
|
+ s = '72890';
|
|
|
+ } else if (w >= 468 && h >= 60) {
|
|
|
+ s = '46860';
|
|
|
+ } else if (w >= 336 && h >= 280) {
|
|
|
+ s = '336280';
|
|
|
+ } else if (w >= 300 && h >= 600) {
|
|
|
+ s = '300600';
|
|
|
+ } else if (w >= 300 && h >= 250) {
|
|
|
+ s = '300250';
|
|
|
+ } else if (w >= 250 && h >= 250) {
|
|
|
+ s = '250250';
|
|
|
+ } else if (w >= 200 && h >= 200) {
|
|
|
+ s = '200200';
|
|
|
+ } else if (w >= 160 && h >= 600) {
|
|
|
+ s = '160600';
|
|
|
+ } else if (w >= 120 && h >= 600) {
|
|
|
+ s = '120600';
|
|
|
+ } else if (w >= 120 && h >= 300) {
|
|
|
+ s = '120300';
|
|
|
+ } else if (w >= 120 && h >= 240) {
|
|
|
+ s = '120240';
|
|
|
+ } else {
|
|
|
+ s = '8080';
|
|
|
+ }
|
|
|
+
|
|
|
+ r += '<a href="//opt-out.ferank.eu/" target="_blank" rel="nofollow">';
|
|
|
+ r += ' <img src="//opt-out.ferank.eu/b/' + l + '/' + s + '.gif" border="0" />';
|
|
|
+ r += '</a>';
|
|
|
+
|
|
|
+ return r;
|
|
|
+ }
|
|
|
+};
|
Amauri CHAMPEAUX