« MediaWiki:Common.js » : différence entre les versions

De Wiki Campus Cyber
Aller à :navigation, rechercher
Aucun résumé des modifications
Balise : Révoqué
Aucun résumé des modifications
 
(157 versions intermédiaires par le même utilisateur non affichées)
Ligne 19 : Ligne 19 :
})
})


/** Déplace le sélecteur de langue **/
jQuery( document ).ready( function( $ ) {
jQuery( document ).ready( function( $ ) {
   $("#pt-uls").detach().appendTo("#langue_interface");
   $("#pt-uls").detach().appendTo("#langue_interface");
  $("#langue_interface a.uls-trigger").text("FR | EN");
});
})


/** MATOMO OPT-OUT **/
jQuery( document ).ready( function( $ ) {


/** MATOMO **/
jQuery( document ).ready( function( $ ) {
var settings = {
var settings = {
    showIntro: true,
  showIntro: true,
    divId: 'matomo-opt-out',
  divId: 'matomo-opt-out',
    useSecureCookies: true,
  useSecureCookies: true,
    cookiePath: null,
  cookiePath: "/",
    cookieDomain: null,
  cookieDomain: "wiki.campuscyber.fr",
    cookieSameSite: 'Lax',
  cookieSameSite: 'Lax',
    OptOutComplete: "Cookie d'exclusion install\u00e9. Vos visites sur ce site web ne seront PAS enregistr\u00e9es par notre outil d'analyse web.",
  OptOutComplete: "<p class='font-bold'>Cookie d'exclusion install\u00e9.</p><p>Vos visites sur ce site web ne seront PAS enregistr\u00e9es par notre outil d'analyse web.</p>",
    OptOutCompleteBis: "Note\u00a0: si vous nettoyez vos cookies et supprimez le cookie d'exclusion, ou bien si vous changez d'ordinateur et\/ou de navigateur,il vous faudra de nouveau effectuer la proc\u00e9dure d'exclusion.",
  OptOutCompleteBis: "<p>Note\u00a0: si vous nettoyez vos cookies et supprimez le cookie d'exclusion, ou bien si vous changez d'ordinateur et\/ou de navigateur, il vous faudra de nouveau effectuer la proc\u00e9dure d'exclusion.</p>",
    YouMayOptOut2: 'Vous pouvez vous opposer au suivi de votre navigation sur ce site web.',
  YouMayOptOut2: 'Vous pouvez vous opposer au suivi de votre navigation sur ce site web. ',
    YouMayOptOut3: "Cela prot\u00e9gera votre vie priv\u00e9e, mais emp\u00eachera \u00e9galement le propri\u00e9taire d'apprendre de vos actions et de cr\u00e9er une meilleure exp\u00e9rience pour vous et les autres utilisateurs.",
  YouMayOptOut3: "Cela prot\u00e9gera votre vie priv\u00e9e, mais emp\u00eachera \u00e9galement le propri\u00e9taire d'apprendre de vos actions et de cr\u00e9er une meilleure exp\u00e9rience pour vous et les autres utilisateurs.",
    OptOutErrorNoCookies: 'La fonctionnalit\u00e9 de d\u00e9sactivation du suivi n\u00e9cessite que les cookies soient autoris\u00e9s.',
  OptOutErrorNoCookies: 'La fonctionnalit\u00e9 de d\u00e9sactivation du suivi n\u00e9cessite que les cookies soient autoris\u00e9s.',
    OptOutErrorNotHttps: "La fonctionnalit\u00e9 de d\u00e9sactivation du suivi pourrait ne pas fonctionner car ce site n'a pas \u00e9t\u00e9 charg\u00e9 en HTTPS. Veuillez recharger la page pour v\u00e9rifier que le statut de ce suivi a bien \u00e9t\u00e9 chang\u00e9.",
  OptOutErrorNotHttps: "La fonctionnalit\u00e9 de d\u00e9sactivation du suivi pourrait ne pas fonctionner car ce site n'a pas \u00e9t\u00e9 charg\u00e9 en HTTPS. Veuillez recharger la page pour v\u00e9rifier que le statut de ce suivi a bien \u00e9t\u00e9 chang\u00e9.",
    YouAreNotOptedOut: "Vous n'\u00eates pas exclu(e).",
  YouAreNotOptedOut: "<span class='px-3'>Vous n'\u00eates pas exclu(e).</span>",
    UncheckToOptOut: 'D\u00e9cochez cette case pour vous exclure.',
  UncheckToOptOut: 'D\u00e9cochez cette case pour vous exclure.',
    YouAreOptedOut: "Vous n'\u00eates actuellement pas suivi(e).",
  YouAreOptedOut: "<span class='px-3'>Vous n'\u00eates actuellement pas suivi(e).</span>",
    CheckToOptIn: 'Cochez cette case pour ne plus \u00eatre exclu(e).'
  CheckToOptIn: 'Cochez cette case pour ne plus \u00eatre exclu(e).',
    };
};


function showContent(consent, errorMessage = null, useTracker = false) {
function showContent(consent,errorMessage, useTracker) {
  const errorBlock = '<p style="color: red; font-weight: bold;">';


  const div = document.getElementById(settings.divId);
    var errorBlock = '<p style="color: red; font-weight: bold;">';


  if (!div) {
    var div = document.getElementById(settings.divId);
    const warningDiv = document.createElement('div');
    const msg = `Unable to find opt-out content div: "${settings.divId}"`;
    warningDiv.id = `${settings.divId}-warning`;
    warningDiv.innerHTML = `${errorBlock + msg}</p>`;
    document.body.insertBefore(warningDiv, document.body.firstChild);
    console.log(msg);
    return;
  }


  if (!navigator || !navigator.cookieEnabled) {
    if (!div) {
    div.innerHTML = `${errorBlock + settings.OptOutErrorNoCookies}</p>`;
    // var warningDiv = document.createElement('div');
    var msg = "Unable to find opt-out content div : " + settings.divId ;
    // warningDiv.id = settings.divId + '-warning';
    // warningDiv.innerHTML = errorBlock + msg ;
    // document.body.insertBefore(warningDiv, document.body.firstChild);
    // console.log(msg);
     return;
     return;
  }
  if (location.protocol !== 'https:') {
    div.innerHTML = `${errorBlock + settings.OptOutErrorNotHttps}</p>`;
    return;
  }
  if (errorMessage !== null) {
    div.innerHTML = `${errorBlock + errorMessage}</p>`;
    return;
  }
  let content = '';
  if (consent) {
    if (settings.showIntro) {
      content += `<p>${settings.YouMayOptOut2} ${settings.YouMayOptOut3}</p>`;
     }
     }
     if (useTracker) {
   
       content += '<input onclick="_paq.push([\'optUserOut\']);showContent(false, null, true);" id="trackVisits" type="checkbox" checked="checked" />';
     if (!navigator || !navigator.cookieEnabled) {
    } else {
       div.innerHTML = errorBlock + settings.OptOutErrorNoCookies ;
       content += '<input onclick="window.MatomoConsent.consentRevoked();showContent(false);" id="trackVisits" type="checkbox" checked="checked" />';
      return;
    }
    if (location.protocol !== 'https:') {
       div.innerHTML = errorBlock + settings.OptOutErrorNotHttps;
      return;
     }
     }
     content += `<label for="trackVisits"><strong><span>${settings.YouAreNotOptedOut} ${settings.UncheckToOptOut}</span></strong></label>`;
     if (errorMessage !== null) {
  } else {
      div.innerHTML = errorBlock + errorMessage;
    if (settings.showIntro) {
       return;
       content += `<p>${settings.OptOutComplete} ${settings.OptOutCompleteBis}</p>`;
     }
     }
     if (useTracker) {
    content = '';
       content += '<input onclick="_paq.push([\'forgetUserOptOut\']);showContent(true, null, true);" id="trackVisits" type="checkbox" />';
     
     if (consent) {
    console.log(useTracker + "0");
      if (settings.showIntro) {
        content += "<p>" + settings.YouMayOptOut2 + settings.YouMayOptOut3 + "</p>";
      }
       if (useTracker) {
      console.log(useTracker + "1");
        content += '<input onclick="_paq.push([\"optUserOut\"]);window.location.reload(true);" id="trackVisits" type="checkbox" checked="checked" />';
      } else {
      console.log(useTracker + "2");
        content += '<input onclick="window.MatomoConsent.consentRevoked();window.location.reload(true);" id="trackVisits" type="checkbox" checked="checked" />';
      }
      content += '<label for="trackVisits"><strong><span>' + settings.YouAreNotOptedOut + settings.UncheckToOptOut + "</span></strong></label>";
     } else {
     } else {
       content += '<input onclick="window.MatomoConsent.consentGiven();showContent(true);" id="trackVisits" type="checkbox" />';
       if (settings.showIntro) {
        content += '<p>' + settings.OptOutComplete + settings.OptOutCompleteBis + "</p>";
      }
      if (useTracker) {
            console.log(useTracker + "3");
        content += '<input onclick="_paq.push([\"forgetUserOptOut\"]);window.location.reload(true);" id="trackVisits" type="checkbox" />';
      } else {
      console.log(useTracker + "4");
 
        content += '<input onclick="window.MatomoConsent.consentGiven();window.location.reload(true);" id="trackVisits" type="checkbox" />';
      }
        content += '<label for="trackVisits"><strong><span>' + settings.YouAreOptedOut + settings.CheckToOptIn + "</span></strong></label>";
      }
      console.log(useTracker + "99");
    div.innerHTML = content;
     }
     }
     content += `<label for="trackVisits"><strong><span>${settings.YouAreOptedOut} ${settings.CheckToOptIn}</span></strong></label>`;
      
  }
  div.innerHTML = content;
}
 
window.MatomoConsent = {
window.MatomoConsent = {
   cookiesDisabled: (!navigator || !navigator.cookieEnabled),
   cookiesDisabled: (!navigator || !navigator.cookieEnabled),
Ligne 108 : Ligne 116 :
   cookieDomain: '',
   cookieDomain: '',
   cookieSameSite: 'Lax',
   cookieSameSite: 'Lax',
   init(useSecureCookies, cookiePath, cookieDomain, cookieSameSite) {
   init : function(useSecureCookies, cookiePath, cookieDomain, cookieSameSite) {
     this.useSecureCookies = useSecureCookies; this.cookiePath = cookiePath;
     this.useSecureCookies = useSecureCookies; this.cookiePath = cookiePath;
     this.cookieDomain = cookieDomain; this.cookieSameSite = cookieSameSite;
     this.cookieDomain = cookieDomain; this.cookieSameSite = cookieSameSite;
Ligne 117 : Ligne 125 :
     }
     }
   },
   },
   hasConsent() {
   hasConsent : function() {
     const consentCookie = this.getCookie(this.CONSENT_COOKIE_NAME);
     consentCookie = this.getCookie(this.CONSENT_COOKIE_NAME);
     const removedCookie = this.getCookie(this.CONSENT_REMOVED_COOKIE_NAME);
     removedCookie = this.getCookie(this.CONSENT_REMOVED_COOKIE_NAME);
   
     if (!consentCookie && !removedCookie) {
     if (!consentCookie && !removedCookie) {
       return true; // No cookies set, so opted in
       return true; // No cookies set, so opted in
     }
     }
     if (removedCookie && consentCookie) {
     if (removedCookie && consentCookie) {
       this.setCookie(this.CONSENT_COOKIE_NAME, '', -129600000);
       this.setCookie(this.CONSENT_COOKIE_NAME, '', -8888888);
       return false;
       return false;
     }
     }
    console.log("OK");
     return (consentCookie || consentCookie !== 0);
     return (consentCookie || consentCookie !== 0);
   },
   },
   consentGiven() {
   consentGiven : function() {
     this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, '', -129600000);
     this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, '', -129600000);
     this.setCookie(this.CONSENT_COOKIE_NAME, new Date().getTime(), 946080000000);
     this.setCookie(this.CONSENT_COOKIE_NAME, new Date().getTime(), 946080000000);
   },
   },
   consentRevoked() {
   consentRevoked : function() {
     this.setCookie(this.CONSENT_COOKIE_NAME, '', -129600000);
     this.setCookie(this.CONSENT_COOKIE_NAME, '', -129600000);
     this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, new Date().getTime(), 946080000000);
     this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, new Date().getTime(), 946080000000);
   },
   },
   getCookie(cookieName) {
   getCookie : function(cookieName) {
     const cookiePattern = new RegExp(`(^|;)[ ]*${cookieName}=([^;]*)`); const
     var cookiePattern = new RegExp('(^|;)[ ]*'+cookieName+'=([^;]*)');  
      cookieMatch = cookiePattern.exec(document.cookie);
    var cookieMatch = cookiePattern.exec(document.cookie);
     return cookieMatch ? window.decodeURIComponent(cookieMatch[2]) : 0;
     return cookieMatch ? window.decodeURIComponent(cookieMatch[2]) : 0;
   },
   },
   setCookie(cookieName, value, msToExpire) {
   setCookie : function(cookieName, value, msToExpire) {
     const expiryDate = new Date();
     var expiryDate = new Date();
     expiryDate.setTime((new Date().getTime()) + msToExpire);
     expiryDate.setTime((new Date().getTime()) + msToExpire);
     document.cookie = `${cookieName}=${window.encodeURIComponent(value)
     document.cookie = cookieName + "=" + window.encodeURIComponent(value) +  ";expires=" + expiryDate.toGMTString() + ";path=" + this.cookiePath + ";domain=" + this.cookieDomain + ";secure=" +  ";SameSite=" + this.cookieSameSite;
    }${msToExpire ? `;expires=${expiryDate.toGMTString()}` : ''
    };path=${this.cookiePath || '/'
    }${this.cookieDomain ? `;domain=${this.cookieDomain}` : ''
    }${this.cookieIsSecure ? ';secure' : ''
    };SameSite=${this.cookieSameSite}`;
     if ((!msToExpire || msToExpire >= 0) && this.getCookie(cookieName) !== String(value)) {
     if ((!msToExpire || msToExpire >= 0) && this.getCookie(cookieName) !== String(value)) {
       console.log(`There was an error setting cookie \`${cookieName}\`. Please check domain and path.`);
       console.log('There was an error setting cookie ' + cookieName + '. Please check domain and path.');
     }
     }
   },
   },
};
};


document.addEventListener('DOMContentLoaded', () => {
window.MatomoConsent.init(settings.useSecureCookies, settings.cookiePath, settings.cookieDomain, settings.cookieSameSite);
  window.MatomoConsent.init(settings.useSecureCookies, settings.cookiePath, settings.cookieDomain, settings.cookieSameSite);
 
  showContent(window.MatomoConsent.hasConsent());
showContent(window.MatomoConsent.hasConsent(),null,false);
});
 
})
})

Dernière version du 17 novembre 2023 à 17:50

/* Tout JavaScript présent ici sera exécuté par tous les utilisateurs à chaque chargement de page. */

/* Clic sur l'entièreté des div RSS de la page d'accueil */
jQuery( document ).ready( function( $ ) {
// on post click go to article url
    $( '.rss-item' ).unbind().click(function() {
        var url = $(this).find("a").attr("href");
        window.open(url, '_blank');
    } );
})

/* Clic sur l'entièreté des div #ask de la page d'accueil */
jQuery( document ).ready( function( $ ) {
// on post click go to article url
    $( '.class-item' ).unbind().click(function() {
        var url = $(this).find("a").attr("href"); 
        window.location = url;
    } );
})

/** Déplace le sélecteur de langue **/
jQuery( document ).ready( function( $ ) {
   $("#pt-uls").detach().appendTo("#langue_interface");
});

/** MATOMO OPT-OUT **/
jQuery( document ).ready( function( $ ) {

var settings = {
  showIntro: true,
  divId: 'matomo-opt-out',
  useSecureCookies: true,
  cookiePath: "/",
  cookieDomain: "wiki.campuscyber.fr",
  cookieSameSite: 'Lax',
  OptOutComplete: "<p class='font-bold'>Cookie d'exclusion install\u00e9.</p><p>Vos visites sur ce site web ne seront PAS enregistr\u00e9es par notre outil d'analyse web.</p>",
  OptOutCompleteBis: "<p>Note\u00a0: si vous nettoyez vos cookies et supprimez le cookie d'exclusion, ou bien si vous changez d'ordinateur et\/ou de navigateur, il vous faudra de nouveau effectuer la proc\u00e9dure d'exclusion.</p>",
  YouMayOptOut2: 'Vous pouvez vous opposer au suivi de votre navigation sur ce site web. ',
  YouMayOptOut3: "Cela prot\u00e9gera votre vie priv\u00e9e, mais emp\u00eachera \u00e9galement le propri\u00e9taire d'apprendre de vos actions et de cr\u00e9er une meilleure exp\u00e9rience pour vous et les autres utilisateurs.",
  OptOutErrorNoCookies: 'La fonctionnalit\u00e9 de d\u00e9sactivation du suivi n\u00e9cessite que les cookies soient autoris\u00e9s.',
  OptOutErrorNotHttps: "La fonctionnalit\u00e9 de d\u00e9sactivation du suivi pourrait ne pas fonctionner car ce site n'a pas \u00e9t\u00e9 charg\u00e9 en HTTPS. Veuillez recharger la page pour v\u00e9rifier que le statut de ce suivi a bien \u00e9t\u00e9 chang\u00e9.",
  YouAreNotOptedOut: "<span class='px-3'>Vous n'\u00eates pas exclu(e).</span>",
  UncheckToOptOut: 'D\u00e9cochez cette case pour vous exclure.',
  YouAreOptedOut: "<span class='px-3'>Vous n'\u00eates actuellement pas suivi(e).</span>",
  CheckToOptIn: 'Cochez cette case pour ne plus \u00eatre exclu(e).',
};

function showContent(consent,errorMessage, useTracker) {

    var errorBlock = '<p style="color: red; font-weight: bold;">';

    var div = document.getElementById(settings.divId);

    if (!div) {
     // var warningDiv = document.createElement('div');
     var msg = "Unable to find opt-out content div : " + settings.divId ;
     // warningDiv.id = settings.divId + '-warning';
     // warningDiv.innerHTML = errorBlock + msg ;
     // document.body.insertBefore(warningDiv, document.body.firstChild);
     // console.log(msg);
    return;
    }
    
    if (!navigator || !navigator.cookieEnabled) {
      div.innerHTML = errorBlock + settings.OptOutErrorNoCookies ;
      return;
    }
    if (location.protocol !== 'https:') {
      div.innerHTML = errorBlock + settings.OptOutErrorNotHttps;
      return;
    }
    if (errorMessage !== null) {
      div.innerHTML = errorBlock + errorMessage;
      return;
    }
    content = '';
      
    if (consent) {
    	console.log(useTracker + "0");
      if (settings.showIntro) {
        content += "<p>" + settings.YouMayOptOut2 + settings.YouMayOptOut3 + "</p>";
      }
      if (useTracker) {
      	console.log(useTracker + "1");
        content += '<input onclick="_paq.push([\"optUserOut\"]);window.location.reload(true);" id="trackVisits" type="checkbox" checked="checked" />';
      } else {
      	console.log(useTracker + "2");
        content += '<input onclick="window.MatomoConsent.consentRevoked();window.location.reload(true);" id="trackVisits" type="checkbox" checked="checked" />';
      }
      content += '<label for="trackVisits"><strong><span>' + settings.YouAreNotOptedOut + settings.UncheckToOptOut + "</span></strong></label>";
    } else {
      if (settings.showIntro) {
        content += '<p>' + settings.OptOutComplete + settings.OptOutCompleteBis + "</p>";
      }
      if (useTracker) {
      	      	console.log(useTracker + "3");
        content += '<input onclick="_paq.push([\"forgetUserOptOut\"]);window.location.reload(true);" id="trackVisits" type="checkbox" />';
      } else {
      console.log(useTracker + "4");

        content += '<input onclick="window.MatomoConsent.consentGiven();window.location.reload(true);" id="trackVisits" type="checkbox" />';
      }
        content += '<label for="trackVisits"><strong><span>' + settings.YouAreOptedOut + settings.CheckToOptIn + "</span></strong></label>";
      }
      console.log(useTracker + "99");
    div.innerHTML = content;
    }
    
window.MatomoConsent = {
  cookiesDisabled: (!navigator || !navigator.cookieEnabled),
  CONSENT_COOKIE_NAME: 'mtm_consent',
  CONSENT_REMOVED_COOKIE_NAME: 'mtm_consent_removed',
  cookieIsSecure: false,
  useSecureCookies: true,
  cookiePath: '',
  cookieDomain: '',
  cookieSameSite: 'Lax',
  init : function(useSecureCookies, cookiePath, cookieDomain, cookieSameSite) {
    this.useSecureCookies = useSecureCookies; this.cookiePath = cookiePath;
    this.cookieDomain = cookieDomain; this.cookieSameSite = cookieSameSite;
    if (useSecureCookies && location.protocol !== 'https:') {
      console.log('Error with setting useSecureCookies: You cannot use this option on http.');
    } else {
      this.cookieIsSecure = useSecureCookies;
    }
  },
  hasConsent : function() {
    consentCookie = this.getCookie(this.CONSENT_COOKIE_NAME);
    removedCookie = this.getCookie(this.CONSENT_REMOVED_COOKIE_NAME);
    
    if (!consentCookie && !removedCookie) {
      return true; // No cookies set, so opted in
    }
    if (removedCookie && consentCookie) {
      this.setCookie(this.CONSENT_COOKIE_NAME, '', -8888888);
      return false;
    }
    console.log("OK");
    return (consentCookie || consentCookie !== 0);
  },
  consentGiven : function() {
    this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, '', -129600000);
    this.setCookie(this.CONSENT_COOKIE_NAME, new Date().getTime(), 946080000000);
  },
  consentRevoked : function() {
    this.setCookie(this.CONSENT_COOKIE_NAME, '', -129600000);
    this.setCookie(this.CONSENT_REMOVED_COOKIE_NAME, new Date().getTime(), 946080000000);
  },
  getCookie : function(cookieName) {
    var cookiePattern = new RegExp('(^|;)[ ]*'+cookieName+'=([^;]*)'); 
    var cookieMatch = cookiePattern.exec(document.cookie);
    return cookieMatch ? window.decodeURIComponent(cookieMatch[2]) : 0;
  },
  setCookie : function(cookieName, value, msToExpire) {
    var expiryDate = new Date();
    expiryDate.setTime((new Date().getTime()) + msToExpire);
    document.cookie = cookieName + "=" + window.encodeURIComponent(value) +  ";expires=" + expiryDate.toGMTString() + ";path=" + this.cookiePath + ";domain=" + this.cookieDomain + ";secure=" +  ";SameSite=" + this.cookieSameSite;
    if ((!msToExpire || msToExpire >= 0) && this.getCookie(cookieName) !== String(value)) {
      console.log('There was an error setting cookie ' + cookieName + '. Please check domain and path.');
    }
  },
};

window.MatomoConsent.init(settings.useSecureCookies, settings.cookiePath, settings.cookieDomain, settings.cookieSameSite);

showContent(window.MatomoConsent.hasConsent(),null,false);

})