MediaWiki:Common.js : Différence entre versions

 
(28 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. */
  
/*Favicon*/
+
/* =====================================
 +
DECLARATIONS DES FONCTIONS ET PROCEDURES
 +
======================================== */
  
$('link[rel="shortcut icon"]').attr('href', 'https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico');
+
function showElement(element) {
 +
  element.classList.remove("tabber-noactive");
 +
}
  
/*Tabber*/
+
function hideElement(element) {
 +
  element.classList.add("tabber-noactive");
 +
}
  
function onTabClick(event){
+
function toggleElement(element) {
    
+
   element.classList.toggle("tabber-noactive");
  //déclaration du frère et du père du bouton recevant un clic
 
  var tabberFrere = event.currentTarget.parentElement.nextElementSibling;
 
  var tabberParent = tabberFrere.parentElement;
 
 
 
  //sélection de toutes les div affichées
 
  tabberActive = tabberParent.querySelectorAll("div.tabber-active");
 
 
 
  //parcourt toutes les div affichées
 
  tabberActive.forEach(function(tab) {
 
   
 
    //la div affichée est cachée si elle est dans le tabber en question
 
    if (tabberParent===tab.parentElement.parentElement) {
 
      tab.className = tab.className.replace("tabber-active", "");
 
    }
 
  });
 
 
 
  //la bouton cliqué prend la classe active
 
  event.currentTarget.className += " tabber-active";
 
 
 
  //le contenu associé au bouton prend la classe active
 
  tabberFrere.children[parseInt(event.currentTarget.id)].className += " tabber-active";
 
 
}
 
}
  
function boutonTabber(content){
+
/* Favicon */
    
+
function fixInsecureFavicon() {
  //sélectionne tous les boutons à l'intérieur de tous les tabbers
+
   document.querySelector('link[rel="shortcut icon"]').href =
  var classButton = content.querySelectorAll(".button");
+
     "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
   
 
     //parcourt chaque bouton
 
    classButton.forEach(function(event) {
 
     
 
      //exécute la fonction onTabClick à chaque clic sur un bouton
 
      event.addEventListener("click", onTabClick, false);
 
    });
 
 
}
 
}
  
/*Calcul*/
+
/* Liste des équipements */
 
+
function changeEquipementDisplay(container) {
function createInput(content){
+
   var switchButton = container.querySelector(".button");
 
+
   var content = container.nextElementSibling;
  //sélectionne toutes les div contenant les futurs input
 
   var allInput = content.querySelectorAll("div#inputCalcul");
 
 
 
  //sélectionne les div qui contiendront les input du résultat du calcul
 
   var resultatCalc = content.querySelectorAll("div#inputResult");
 
  
   //parcourt tous les input
+
   switchButton.addEventListener("click", function () {
  allInput.forEach(function(e){
+
     switchButton.classList.toggle("tabber-active");
      
+
     toggleElement(content);
    //insert les input à l'intérieur des associées
 
    e.insertAdjacentHTML('afterbegin','<input id="entree" type="number"></input>');
 
  });
 
 
 
  //parcourt les input résultat
 
  resultatCalc.forEach(function(e){
 
   
 
     //insert les input résultat à l'intérieur des div associées
 
    e.insertAdjacentHTML('afterbegin','<input id="sortie" type="number"></input>');
 
 
   });
 
   });
 
}
 
}
  
function calculWiki(content){
+
/* Enlève l'animation de chargement et affiche le contenu de la page lorsque c'est nécessaire */
 
+
function removeLoadingAnimation() {
  //séléectionne le bouton assoicié aux calculs
+
  var loadingAnimation = document.getElementById("loading-animation");
  var bouttonCalcul = content.querySelector("#buttonCalcul");
+
  var showAfterLoading = document.getElementById("show-after-loading");
 
+
 
  //exécute une fonction à chaque clic sur le bouton
+
  if (loadingAnimation) {
  bouttonCalcul.addEventListener("click", function(){
+
    hideElement(loadingAnimation);
   
+
  }
    var value = 0;
+
 
   
+
  if (showAfterLoading) {
    //sélectionne tous les input d'entrée
+
     showElement(showAfterLoading);
    var allRealInput = content.querySelectorAll("input#entree");
+
   }
   
 
    //sélectionne tous les input de sortie
 
    var allRealInputOut = content.querySelectorAll("input#sortie");
 
 
    //parcourt tous les input d'entrée et fais la somme de chaque valeur
 
    allRealInput.forEach(function(e){
 
      value+=parseFloat(e.value);
 
    });
 
   
 
    //parcourt tous les input de sortie en leur donnant la valeur calculée précédemment
 
    allRealInputOut.forEach(function(e){
 
      e.value=value;
 
     });
 
   }); 
 
 
}
 
}
  
/*Modal*/
+
/* BOUTON RETOUR VERS LE HAUT */
 +
function addButtonTop() {
 +
  var contentText = document.querySelector("div#mw-content-text");
  
function modal(content){
+
   if (contentText !== null) {
    
+
     var divButtonTop = document.createElement("div");
  //sélectionne le bouton, le modal et le close à l'intérieur de l'id modalContainer
+
    divButtonTop.classList.add("top-button");
  var boutonModal = content.querySelector(".button");
+
     contentText.appendChild(divButtonTop);
  var modalContent = content.querySelector(".modal");
+
   }
  var boutonClose = content.querySelector(".close");
 
 
 
  //exécute la fonction suivante lorsqu'on clique sur le bouton
 
  boutonModal.addEventListener("click", function(){
 
      
 
    //ajoute la classe active au bouton
 
    boutonModal.className += " tabber-active";
 
   
 
    //affiche le modal
 
    modalContent.style.display = "block";
 
   
 
    //ferme le modal lorsqu'on clique sur le bouton close
 
    boutonClose.addEventListener("click", function(){
 
      modalContent.style.display = "none";
 
      boutonModal.className = boutonModal.className.replace("tabber-active", "")
 
    });
 
      
 
    //ferme le modal lorsqu'on clique en dehors du modal
 
    window.addEventListener("click", function(e){
 
      if (e.target == modalContent) {
 
        modalContent.style.display = "none";
 
        boutonModal.className = boutonModal.className.replace("tabber-active", "")
 
      }
 
    });
 
   });
 
 
}
 
}
  
/*switch de contenu*/
+
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,
 +
    };
  
function switchDiv(content){
+
    var observer = new IntersectionObserver(callback, options);
 
+
     observer.observe(balise);
  //sélectionne le bouton à l'intérieur de l'id buttonContainer
+
 
  var boutonSwitch = content.querySelector(".button");
+
     function callback(entries) {
 
+
       entries.forEach(function (entry) {
  //exécute la fonction suivante à chaque clique sur le bouton
+
         if (entry.isIntersecting) {
  boutonSwitch.addEventListener("click", function(){
+
           topButton.classList.remove("show-button");
   
 
    //sélectionne toutes les div avec l'id change
 
     var changeDiv = content.querySelectorAll("div#change");
 
    var n = changeDiv.length;
 
      
 
    //fais disparaître la div affichée et fais apparaître la div suivante
 
    for (var i = 0; i < n; i++) {
 
       if(getComputedStyle(changeDiv[i]).display == "block") {
 
        changeDiv[i].style.display="none";
 
         if(i<=n-2) {
 
           changeDiv[i+1].style.display="block";
 
 
         } else {
 
         } else {
           changeDiv[0].style.display="block";
+
           topButton.classList.add("show-button");
 
         }
 
         }
         break;
+
      });
 +
    }
 +
 
 +
    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();
 +
    }
 +
  }
 +
 +
  script.onload = onComplete;
 +
  script.onerror = onComplete;
 +
 +
  document.head.appendChild(script);
 
}
 
}
  
//s'exécute une fois au chargement de chaque page
+
/* =======================================
(function(){
+
FONCTION GLOBALE
    
+
Exécutée une fois au chargement de la page
  //sélectionne toutes les div contenant un tabber à l'intérieur du contenu de chaque page
+
========================================== */
   var tabberContainer = document.querySelectorAll("div#mw-content-text div#tabber-container");
+
 
 
+
(function () {
  //parcourt chaque div contenant un tabber, rien si vide
+
   fixInsecureFavicon();
   tabberContainer.forEach(function(e){
+
 
   
+
   var equipmentContainer = document.querySelectorAll(
    //exécute la fonction boutonTabber
+
    "div#mw-content-text .list-equip"
    boutonTabber(e);
+
   );
    });
+
   var loadScripts = document.querySelectorAll("div[data-load-javascript]");
 
+
 
  //sélectionne toutes les div contenant un calcul à l'intérieur du contenu de chaque page
+
   equipmentContainer.forEach(function (container) {
   var containerCalcul = document.querySelectorAll("div#mw-content-text div#container-calcul");
+
     changeEquipementDisplay(container);
 
 
   //parcourt chaque div contenant un calcul, rien si vide
 
  containerCalcul.forEach(function(e){
 
      
 
    //exécute les fonctions createInput et calculWiki
 
    createInput(e);
 
    calculWiki(e);
 
 
   });
 
   });
 
 
  //sélectionne toutes les div contenant un modal à l'intérieur du contenu de chaque page
 
  var modalContainer = document.querySelectorAll("div#mw-content-text div#modalContainer");
 
 
 
  //parcourt chaque div contenant un modal, rien si vide
 
  modalContainer.forEach(function(e){
 
   
 
    //exécute la fonction modal
 
    modal(e);
 
  });
 
 
 
  //sélectionne toutes les div contenant un bouton pour switch à l'intérieur du contenu de chaque page
 
  var bcontainer = document.querySelectorAll("div#mw-content-text #buttonContainer");
 
 
 
  //parcourt chaque div contenant un bouton pour switch, rien si vide
 
  bcontainer.forEach(function(e){
 
   
 
    //exécute la fonction switchDiv
 
    switchDiv(e);
 
  });
 
})();
 
  
/* Pour les cookies */
+
  /* 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",
 +
      "Pets",
 +
      "Colorblind",
 +
    ];
 +
    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
 +
        );
 +
      } else {
 +
        removeLoadingAnimation();
 +
      }
 +
    }
 +
 
 +
    loadNextScript();
 +
  }
 +
 
 +
  if (mw.config.get("wgUserName")) {
 +
    mw.loader.load(
 +
      "/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript"
 +
    );
 +
  }
  
(function () {
+
  addButtonTop();
    var req = new XMLHttpRequest();
+
  buttonTop();
    req.addEventListener('load', function (ev) {
+
  cookies();
        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 1 décembre 2024 à 06:23

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

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

function showElement(element) {
  element.classList.remove("tabber-noactive");
}

function hideElement(element) {
  element.classList.add("tabber-noactive");
}

function toggleElement(element) {
  element.classList.toggle("tabber-noactive");
}

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

/* Liste des équipements */
function changeEquipementDisplay(container) {
  var switchButton = container.querySelector(".button");
  var content = container.nextElementSibling;

  switchButton.addEventListener("click", function () {
    switchButton.classList.toggle("tabber-active");
    toggleElement(content);
  });
}

/* Enlève l'animation de chargement et affiche le contenu de la page lorsque c'est nécessaire */
function removeLoadingAnimation() {
  var loadingAnimation = document.getElementById("loading-animation");
  var showAfterLoading = document.getElementById("show-after-loading");

  if (loadingAnimation) {
    hideElement(loadingAnimation);
  }

  if (showAfterLoading) {
    showElement(showAfterLoading);
  }
}

/* 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();
    }
  }

  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) {
    changeEquipementDisplay(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",
      "Pets",
      "Colorblind",
    ];
    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
        );
      } else {
        removeLoadingAnimation();
      }
    }

    loadNextScript();
  }

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

  addButtonTop();
  buttonTop();
  cookies();
})();