MediaWiki:Common.js : Différence entre versions

m (Révocation des modifications de Dexter (discussion) vers la dernière version de Olthir)
(Balise : Révocation)
 
(10 révisions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* Tout JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
+
/* Tout le JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */
  
 +
/* =====================================
 +
DECLARATIONS DES FONCTIONS ET PROCEDURES
 +
======================================== */
  
/* Slideshow pour faire défiler les images, c'est du JS pompé sur le wiki italien */
+
/* Favicon */
(function() {
+
function fixInsecureFavicon() {
 +
  document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
 +
}
  
   init(); //on page load - show first slide, hidethe rest
+
/* Liste des équipements */
 +
function changeDisplay(content){
 +
    
 +
  var boutonSwitch = content.querySelector(".button");
 +
  var frereList = content.nextElementSibling;
 +
 
 +
  boutonSwitch.addEventListener("click", function(){
 +
    this.classList.toggle('tabber-active');
 +
    frereList.classList.toggle('tabber-noactive');
 +
  });
 +
}
  
   function init() {
+
/* BOUTON RETOUR VERS LE HAUT */
 +
function addButtonTop() {
 +
    
 +
  var contentText = document.querySelector("div#mw-content-text");
 +
 
 +
  if (contentText !== null) {
 +
   
 +
    var divButtonTop = document.createElement("div");
 +
    divButtonTop.classList.add("top-button");
 +
    contentText.appendChild(divButtonTop);
 +
  }
 +
}
  
    parents = document.getElementsByClassName('slideshow-container');
+
function buttonTop() {
 +
 
 +
  var balise = document.querySelector("div#mw-page-header-links");
 +
  var topButton = document.querySelector(".top-button");
 +
 
 +
  if (balise !== null) {
 +
    var options = {
 +
      root: null,
 +
      rootMargin: "0px",
 +
      threshold: 0,
 +
    };
 +
 
 +
    var observer = new IntersectionObserver(callback, options);
 +
    observer.observe(balise);
  
     for (j = 0; j < parents.length; j++) {
+
     function callback(entries) {
       var slides = parents[j].getElementsByClassName("mySlides");
+
       entries.forEach(function(entry) {
      var dots = parents[j].getElementsByClassName("dot");
+
        if (entry.isIntersecting) {
      slides[0].classList.add('active-slide');
+
          topButton.classList.remove("show-button");
       dots[0].classList.add('active');
+
        } else {
 +
        topButton.classList.add("show-button");
 +
        }
 +
       });
 
     }
 
     }
 +
 +
    topButton.addEventListener("click", function(){
 +
      document.documentElement.scrollTo({
 +
        top: 0
 +
      });
 +
    });
 
   }
 
   }
 +
}
  
  dots = document.getElementsByClassName('dot'); //dots functionality
+
/* Cookies */
 +
function cookies() {
 +
    var req = new XMLHttpRequest();
 +
    req.addEventListener('load', function (ev) {
 +
        if (this.status >= 200 && this.status < 300) {
 +
            var data = JSON.parse(this.responseText);
 +
            if (data.hasOwnProperty('version')) {
 +
                var gdpr = document.createElement("script");
 +
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
 +
                document.head.appendChild(gdpr);
 +
            }
 +
        }
 +
    });
 +
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
 +
    req.send();
 +
}
  
  for (i = 0; i < dots.length; i++) {
 
  
    dots[i].onclick = function() {
+
function addScript(src, callback) {
  
      slides = this.parentNode.parentNode.getElementsByClassName("mySlides");
+
  var script = document.createElement('script');
 
+
  script.src = src;
      for (j = 0; j < this.parentNode.children.length; j++) {
 
        this.parentNode.children[j].classList.remove('active');
 
        slides[j].classList.remove('active-slide');
 
        if (this.parentNode.children[j] == this) {
 
          index = j;
 
        }
 
      }
 
      this.classList.add('active');
 
      slides[index].classList.add('active-slide');
 
  
 +
  function onComplete() {
 +
    if (script.parentNode) {
 +
      script.parentNode.removeChild(script);
 +
    }
 +
    if (callback) {
 +
      callback();
 +
      callback = null;
 
     }
 
     }
 
   }
 
   }
//prev/next functionality
 
  links = document.querySelectorAll('.slideshow-container a');
 
  
   for (i = 0; i < links.length; i++) {
+
   script.onload = onComplete;
    links[i].onclick = function() {
+
  script.onerror = onComplete;
      current = this.parentNode;
+
 
 +
  document.head.appendChild(script);
 +
}
  
      var slides = current.getElementsByClassName("mySlides");
+
/* =======================================
      var dots = current.getElementsByClassName("dot");
+
FONCTION GLOBALE
      curr_slide = current.getElementsByClassName('active-slide')[0];
+
Exécutée une fois au chargement de la page
      curr_dot = current.getElementsByClassName('active')[0];
+
========================================== */
      curr_slide.classList.remove('active-slide');
 
      curr_dot.classList.remove('active');
 
      if (this.className == 'next') {
 
  
        if (curr_slide.nextElementSibling.classList.contains('mySlides')) {
+
(function(){
          curr_slide.nextElementSibling.classList.add('active-slide');
+
 
          curr_dot.nextElementSibling.classList.add('active');
+
  fixInsecureFavicon()
        } else {
+
 
          slides[0].classList.add('active-slide');
+
  var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
          dots[0].classList.add('active');
+
  var loadScripts = document.querySelectorAll('div[data-load-javascript]');
        }
 
  
      }
+
  equipmentContainer.forEach(function(container){
 +
    changeDisplay(container);
 +
  });
  
      if (this.className == 'prev') {
+
  /* Charge des scripts spécifiques au chargement de certaines pages */
 +
  if (loadScripts.length > 0) {
  
        if (curr_slide.previousElementSibling) {
+
    var allowedScripts = ["Tabber", "Skills", "Modal", "Switch", "Loot", "Map", "Filter", "Calculator", "Element"];
          curr_slide.previousElementSibling.classList.add('active-slide');
+
    var scriptsToLoad = [];
          curr_dot.previousElementSibling.classList.add('active');
+
   
        } else {
+
    for (var i = 0; i < loadScripts.length; i++) {
          slides[slides.length - 1].classList.add('active-slide');
 
          dots[slides.length - 1].classList.add('active');
 
        }
 
  
 +
      var script = loadScripts[i].dataset['loadJavascript'];
 +
     
 +
      if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
 +
        scriptsToLoad.push(script);
 
       }
 
       }
 +
    }
  
 +
    function loadNextScript() {
 +
      if (scriptsToLoad.length > 0) {
 +
        var script = scriptsToLoad.shift();
 +
        addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
 +
      }
 
     }
 
     }
  
 +
    loadNextScript();
 +
  }
 +
 
 +
  if (mw.config.get("wgUserName")) {
 +
    mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
 
   }
 
   }
})();
 
 
 
// Modal windows in javascript
 
 
$(".trigger").on("click", function() {
 
    var modal = $(this).data("modal");
 
    $(modal).toggle();
 
});
 
 
$(".modal").on("click", function(e) {
 
    var className = e.target.className;
 
    if(className === "modal" || className === "close-button"){
 
        $(this).closest(".modal").toggle();
 
    }
 
});
 
  
/* Pour les cookies */
+
  addButtonTop();
 +
  buttonTop();
 +
  cookies()
  
(function () {
 
    var req = new XMLHttpRequest();
 
    req.addEventListener('load', function (ev) {
 
        if (this.status >= 200 && this.status < 300) {
 
            var data = JSON.parse(this.responseText);
 
            if (data.hasOwnProperty('version')) {
 
                var gdpr = document.createElement("script");
 
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
 
                document.head.appendChild(gdpr);
 
            }
 
        }
 
    });
 
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
 
    req.send();
 
 
})();
 
})();

Version actuelle datée du 28 septembre 2023 à 20:53

/* Tout le JavaScript ici sera chargé avec chaque page accédée par n’importe quel utilisateur. */

/* =====================================
DECLARATIONS DES FONCTIONS ET PROCEDURES
======================================== */

/* Favicon */
function fixInsecureFavicon() {
  document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
}

/* Liste des équipements */
function changeDisplay(content){
  
  var boutonSwitch = content.querySelector(".button");
  var frereList = content.nextElementSibling;
  
  boutonSwitch.addEventListener("click", function(){
    this.classList.toggle('tabber-active');
    frereList.classList.toggle('tabber-noactive');
  });
}

/* BOUTON RETOUR VERS LE HAUT */
function addButtonTop() {
  
  var contentText = document.querySelector("div#mw-content-text");
  
  if (contentText !== null) {
    
    var divButtonTop = document.createElement("div");
    divButtonTop.classList.add("top-button");
    contentText.appendChild(divButtonTop);
  }
}

function buttonTop() {
  
  var balise = document.querySelector("div#mw-page-header-links");
  var topButton = document.querySelector(".top-button");
  
  if (balise !== null) {
    var options = {
      root: null,
      rootMargin: "0px",
      threshold: 0,
    };
  
    var observer = new IntersectionObserver(callback, options);
    observer.observe(balise);

    function callback(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          topButton.classList.remove("show-button");
        } else {
        topButton.classList.add("show-button");
        }
      });
    }

    topButton.addEventListener("click", function(){
      document.documentElement.scrollTo({
        top: 0
      });
    });
  }
}

/* Cookies */
function cookies() {
    var req = new XMLHttpRequest();
    req.addEventListener('load', function (ev) {
        if (this.status >= 200 && this.status < 300) {
            var data = JSON.parse(this.responseText);
            if (data.hasOwnProperty('version')) {
                var gdpr = document.createElement("script");
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
                document.head.appendChild(gdpr);
            }
        }
    });
    req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
    req.send();
}


function addScript(src, callback) {

  var script = document.createElement('script');
  script.src = src;

  function onComplete() {
    if (script.parentNode) {
      script.parentNode.removeChild(script);
    }
    if (callback) {
      callback();
      callback = null;
    }
  }

  script.onload = onComplete;
  script.onerror = onComplete;
  
  document.head.appendChild(script);
}

/* =======================================
FONCTION GLOBALE
Exécutée une fois au chargement de la page
========================================== */

(function(){
  
  fixInsecureFavicon()
  
  var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
  var loadScripts = document.querySelectorAll('div[data-load-javascript]');

  equipmentContainer.forEach(function(container){
    changeDisplay(container);
  });

  /* Charge des scripts spécifiques au chargement de certaines pages */
  if (loadScripts.length > 0) {

    var allowedScripts = ["Tabber", "Skills", "Modal", "Switch", "Loot", "Map", "Filter", "Calculator", "Element"];
    var scriptsToLoad = [];
    
    for (var i = 0; i < loadScripts.length; i++) {

      var script = loadScripts[i].dataset['loadJavascript'];
      
      if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
        scriptsToLoad.push(script);
      }
    }

    function loadNextScript() {
      if (scriptsToLoad.length > 0) {
        var script = scriptsToLoad.shift();
        addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
      }
    }

    loadNextScript();
  }
  
  if (mw.config.get("wgUserName")) {
    mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
  }

  addButtonTop();
  buttonTop();
  cookies()

})();