|
|
| (5 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 14 : |
Ligne 14 : |
| } | | } |
| }); | | }); |
|
| |
| /**
| |
| * Author and copyright: Stefan Haack (https://shaack.com)
| |
| * Repository: https://github.com/shaack/cookie-consent-js
| |
| * License: MIT, see file 'LICENSE'
| |
| */
| |
|
| |
| function CookieConsent(props) {
| |
|
| |
| var self = this
| |
| this.props = {
| |
| buttonPrimaryClass: "btn btn-primary", // the "accept all" buttons class, only used for styling
| |
| buttonSecondaryClass: "btn btn-secondary", // the "accept necessary" buttons class, only used for styling
| |
| privacyPolicyUrl: "privacy-policy.html",
| |
| autoShowModal: true, // disable autoShowModal on the privacy policy page, to make that page readable
| |
| lang: "en", // the language, in which the modal is shown
| |
| blockAccess: false, // set "true" to block the access to the website _before_ choosing a cookie configuration
| |
| position: "right", // position ("left" or "right"), if blockAccess is false
| |
| postSelectionCallback: undefined, // callback, after the user has made his selection
| |
| content: { // the content in all needed languages
| |
| de: {
| |
| title: "Cookie-Einstellungen",
| |
| body: "Wir nutzen Cookies, um Inhalte zu personalisieren und die Zugriffe auf unsere Website zu analysieren. " +
| |
| "Sie können wählen, ob Sie nur für die Funktion der Website notwendige Cookies akzeptieren oder auch " +
| |
| "Tracking-Cookies zulassen möchten. Weitere Informationen finden Sie in unserer --privacy-policy--.",
| |
| privacyPolicy: "Datenschutzerklärung",
| |
| buttonAcceptAll: "Alle Cookies akzeptieren",
| |
| buttonAcceptTechnical: "Nur technisch notwendige Cookies akzeptieren"
| |
| },
| |
| en: {
| |
| title: "Annonce importante",
| |
| body: "Chers camarades <img src=\"https://image.noelshack.com/fichiers/2020/14/3/1585770155-macron-altieri.jpg \" alt=\"\" style=\"width:68px;\" /><br /><br />" +
| |
| "Comme vous le savez, le modèle économique du <em>Wiki de jeuxvideo.com</em> repose historiquement sur un bilan comptable annuel négatif, puisque nos contenus ont toujours été proposés gratuitement <img style=\"width:68px;\" src=\"https://image.noelshack.com/fichiers/2017/18/1494035969-macronok.png\" alt=\"\" /><br /><br />" +
| |
| "Cependant, cette philanthropie n'a que trop duré et il est désormais temps que tout le monde y mette un peu du sien <img src=\"https://image.noelshack.com/fichiers/2017/09/1488500865-macron9.png\" alt=\"\" style=\"width:68px;\" /><br /><br />" +
| |
| "A compter de ce jour 1er avril 2021, le <em>Wiki de jeuxvideo.com</em> passe donc sous pavillon communiste et intègre à son fonctionnement le modèle économique qui en découle <img src=\"https://image.noelshack.com/fichiers/2019/11/6/1552755294-macronpetitpied2.png\" alt=\"\" style=\"width:68px;\" /><br /><br />" +
| |
| "En conséquence de quoi, pour continuer d'accéder à nos contenus vous devrez obligatoirement nous verser une dime de 2€ tous les mois <img src=\"https://image.noelshack.com/fichiers/2017/17/1493411336-macron-danse.png\" alt=\"\" style=\"width:68px;\" />",
| |
| privacyPolicy: "privacy policy",
| |
| buttonAcceptAll: "J'accepte, pour que vive le Wiki ! <img src=\"https://image.noelshack.com/fichiers/2017/02/1484399870-macron.png\" alt=\"\" style=\"width:68px;\" /><br />NOTRE WIKI !!!<img src=\"https://image.noelshack.com/fichiers/2017/02/1484399870-macron.png\" alt=\"\" style=\"width:68px;\" />",
| |
| buttonAcceptTechnical: "Only accept technically necessary cookies"
| |
| }
| |
| },
| |
| cookieName: "cookie-consent-tracking-allowed", // the name of the cookie, the cookie is `true` if tracking was accepted
| |
| modalId: "cookieConsentModal" // the id of the modal dialog element
| |
| }
| |
| for (var property in props) {
| |
| // noinspection JSUnfilteredForInLoop
| |
| this.props[property] = props[property]
| |
| }
| |
| this.lang = this.props.lang
| |
| if (this.lang.indexOf("-") !== -1) {
| |
| this.lang = this.lang.split("-")[0]
| |
| }
| |
| if (this.props.content[this.lang] === undefined) {
| |
| this.lang = "en" // fallback
| |
| }
| |
| var _t = this.props.content[this.lang]
| |
| var linkPrivacyPolicy = '<a href="' + this.props.privacyPolicyUrl + '">' + _t.privacyPolicy + '</a>'
| |
| var modalClass = "cookie-consent-modal"
| |
| if (this.props.blockAccess) {
| |
| modalClass += " block-access"
| |
| }
| |
| this.modalContent = '<div class="' + modalClass + '">' +
| |
| '<div class="modal-content-wrap ' + this.props.position + '">' +
| |
| '<div class="modal-content">' +
| |
| '<div class="modal-header">--header--</div>' +
| |
| '<div class="modal-body">--body--</div>' +
| |
| '<div class="modal-footer">--footer--</div>' +
| |
| '</div></div>'
| |
| this.modalContent = this.modalContent.replace(/--header--/, "<h3 class=\"modal-title\">" + _t.title + "</h3>")
| |
| this.modalContent = this.modalContent.replace(/--body--/,
| |
| _t.body.replace(/--privacy-policy--/, linkPrivacyPolicy)
| |
| )
| |
| this.modalContent = this.modalContent.replace(/--footer--/,
| |
| "<div class='buttons'>" +
| |
| "<button class='btn-accept-all " + this.props.buttonPrimaryClass + "'><a target=\"_blank\" style=\"display:block;color:white;text-decoration:none;\" href=\"https://www.youtube.com/watch?v=cvD_KJ2-2_k\">" + _t.buttonAcceptAll + "</a></button>" +
| |
| "</div>"
| |
| )
| |
|
| |
| function setCookie(name, value, days) {
| |
| var expires = ""
| |
| if (days) {
| |
| var date = new Date()
| |
| date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000))
| |
| expires = "; expires=" + date.toUTCString()
| |
| }
| |
| document.cookie = name + "=" + (value || "") + expires + "; Path=/; SameSite=Strict;"
| |
| }
| |
|
| |
| function getCookie(name) {
| |
| var nameEQ = name + "="
| |
| var ca = document.cookie.split(';')
| |
| for (var i = 0; i < ca.length; i++) {
| |
| var 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 undefined
| |
| }
| |
|
| |
| function removeCookie(name) {
| |
| document.cookie = name + '=; Path=/; SameSite=Strict; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'
| |
| }
| |
|
| |
| function documentReady(fn) {
| |
| if (document.readyState !== 'loading') {
| |
| fn()
| |
| } else {
| |
| document.addEventListener('DOMContentLoaded', fn)
| |
| }
| |
| }
| |
|
| |
| function hideDialog() {
| |
| this.modal.style.display = "none"
| |
| }
| |
|
| |
| function showDialog() {
| |
| documentReady(function () {
| |
| this.modal = document.getElementById(self.props.modalId)
| |
| if (!this.modal) {
| |
| this.modal = document.createElement("div")
| |
| this.modal.id = self.props.modalId
| |
| this.modal.innerHTML = self.modalContent
| |
| document.body.append(this.modal)
| |
| this.modal.querySelector(".btn-accept-all").addEventListener("click", function () {
| |
| setCookie(self.props.cookieName, "true", 365)
| |
| hideDialog()
| |
| if(self.props.postSelectionCallback) {
| |
| self.props.postSelectionCallback()
| |
| }
| |
| })
| |
| } else {
| |
| this.modal.style.display = "block"
| |
| }
| |
| }.bind(this))
| |
| }
| |
|
| |
| if (getCookie(this.props.cookieName) === undefined && this.props.autoShowModal) {
| |
| showDialog()
| |
| }
| |
|
| |
| // API
| |
| this.reset = function () {
| |
| removeCookie(this.props.cookieName)
| |
| showDialog()
| |
| }
| |
|
| |
| this.trackingAllowed = function () {
| |
| return getCookie(this.props.cookieName) === "true"
| |
| }
| |
|
| |
| }
| |
|
| |
| var cookieConsent = new CookieConsent();
| |
