MediaWiki:Common.js : Différence entre versions

 
(20 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');
+
/* 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;
  
/*Tabber*/
+
    boutonSwitch.addEventListener("click", function () {
 +
        this.classList.toggle('tabber-active');
 +
        frereList.classList.toggle('tabber-noactive');
 +
    });
 +
}
  
function onTabClick(){
+
/* BOUTON RETOUR VERS LE HAUT */
 
+
function addButtonTop() {
  //conteneur de tous les boutons
+
    var contentText = document.querySelector("div#mw-content-text");
  var parent = this.parentElement;
 
 
  //liste de tous les boutons
 
  var buttonList = parent.children;
 
 
 
  //liste des tous les contenus
 
  var contentList = parent.nextElementSibling.children;
 
  
  //position du bouton
+
    if (contentText !== null) {
  var position = this.dataset.position;
 
 
 
  //position du bouton actif
 
  var activeButton = parent.querySelector(".tabber-active");
 
  
  //si il n'y a aucun bouton actif
+
        var divButtonTop = document.createElement("div");
  if (activeButton == null) {
+
        divButtonTop.classList.add("top-button");
   
+
        contentText.appendChild(divButtonTop);
    //le bouton et le contenu asocié devienent actifs
 
    this.classList.add("tabber-active");
 
    contentList[position].classList.add("tabber-active");
 
   
 
  } else {
 
   
 
    //position du bouton actif
 
    var activePosition = activeButton.dataset.position;
 
   
 
    //si le bouton actif est le bouton sélectionné
 
    if (activePosition == position) {
 
     
 
      //le bouton et le contenu associé devienent inactifs
 
      this.classList.remove("tabber-active");
 
      contentList[position].classList.remove("tabber-active");
 
     
 
    } else {
 
     
 
      //le bouton devient et son contenu associé deviennent actifs
 
      this.classList.add("tabber-active");
 
      contentList[position].classList.add("tabber-active");
 
     
 
      //le bouton actif et son contenu associé devienent inactif s
 
      activeButton.classList.remove("tabber-active");
 
      contentList[activePosition].classList.remove("tabber-active");
 
 
     }
 
     }
  }
 
 
}
 
}
  
function buttonTabber(content){
+
function buttonTop() {
 
+
    var balise = document.querySelector("div#mw-page-header-links");
  //sélectionne tous les boutons à l'intérieur de tous les tabbers
+
     var topButton = document.querySelector(".top-button");
  var buttonList = content.querySelectorAll(".button");
 
      
 
    //parcourt chaque bouton
 
    buttonList.forEach(function(button) {
 
     
 
      //exécute la fonction onTabClick à chaque clic sur un bouton
 
      button.addEventListener("click", onTabClick, false);
 
    });
 
}
 
  
/*Calcul*/
+
    if (balise !== null) {
 +
        var options = {
 +
            root: null,
 +
            rootMargin: "0px",
 +
            threshold: 0,
 +
        };
  
function createInput(content){
+
        var observer = new IntersectionObserver(callback, options);
 
+
        observer.observe(balise);
  //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
+
        function callback(entries) {
  allInput.forEach(function(e){
+
            entries.forEach(function (entry) {
   
+
                if (entry.isIntersecting) {
    //insert les input à l'intérieur des associées
+
                    topButton.classList.remove("show-button");
    e.insertAdjacentHTML('afterbegin','<input id="entree" type="number" required>');
+
                } else {
  });
+
                    topButton.classList.add("show-button");
 
+
                }
  //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" required>');
 
  });
 
}
 
  
function formule(tabValue,tabCoeff,formuleNumber){
+
        topButton.addEventListener("click", function () {
 
+
            document.documentElement.scrollTo({
  if(formuleNumber === 0){
+
                top: 0
   
+
            });
    var value = 0;
+
         });
    var n = tabValue.length;
 
   
 
    if (n*(n+1)/2 != tabCoeff.length){
 
      return 0;
 
    } else {
 
      var c = 0;
 
      for(var i=0; i < n; i++){
 
        for(var j=0; j < n-i; j++){
 
          value += parseFloat(tabCoeff[c])*tabValue[i]*tabValue[i+j];
 
          c += 1;
 
         }
 
      }
 
      return Math.floor(value);
 
    }
 
  } else {
 
    switch(formuleNumber) {
 
      case 1:
 
        return 0;
 
 
     }
 
     }
  }
 
 
}
 
}
  
function calculWiki(content){
+
/* Cookies */
 
+
function cookies() {
  //sélectionne la div qui contient les coefficients de la formule
+
    var req = new XMLHttpRequest();
  var coeffDOM = content.querySelector("div#coeffFormule");
+
     req.addEventListener('load', function (ev) {
      
+
        if (this.status >= 200 && this.status < 300) {
  if (coeffDOM != null){
+
            var data = JSON.parse(this.responseText);
     
+
            if (data.hasOwnProperty('version')) {
    //crée le tableau des coefficients de la formule
+
                var gdpr = document.createElement("script");
    var tabCoeff = coeffDOM.textContent.split(",");
+
                gdpr.src = "https://s3-static.geo.gfsrv.net/cookiebanner/" + data.version + "/cookie.min.js";
     
+
                document.head.appendChild(gdpr);
  } else {
+
            }
   
+
        }
    //sélectionne le numéro de la formule à utiliser
 
    var formuleNumberDOM = content.querySelector("div#formuleNumber");
 
    var formuleNumber = parseInt(formuleNumberDOM.textContent);
 
  }
 
 
  //séléectionne le bouton assoicié aux calculs
 
  var bouttonCalcul = content.querySelector("#buttonCalcul");
 
 
 
  //exécute une fonction à chaque clic sur le bouton
 
  bouttonCalcul.addEventListener("click", function(){
 
   
 
    var value = 0;
 
   
 
    //sélectionne tous les input d'entrée
 
    var allRealInput = content.querySelectorAll("input#entree");
 
   
 
    //sélectionne tous les input de sortie
 
    var allRealInputOut = content.querySelectorAll("input#sortie");
 
   
 
    var tableauInput = [1];
 
 
    //stocke toutes les valeurs des inputs dans tableauInput
 
    allRealInput.forEach(function(e){
 
      if (e.value != ""){
 
        tableauInput.push(parseFloat((e.value)));
 
      }
 
 
     });
 
     });
      
+
     req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
    if(tabCoeff != undefined){
+
     req.send();
      value = formule(tableauInput,tabCoeff,0);
 
    } else {
 
      value = formule(tableauInput,[],formuleNumber);
 
    }
 
   
 
    //parcourt tous les input de sortie en leur donnant la valeur calculée précédemment
 
    allRealInputOut.forEach(function(e){
 
      e.value=value;
 
     });
 
  });  
 
 
}
 
}
  
/*Modal*/
 
  
function modal(content){
+
function addScript(src, callback) {
 
+
    var script = document.createElement('script');
  //sélectionne le bouton, le modal et le close à l'intérieur de l'id modalContainer
+
     script.src = src;
  var boutonModal = content.querySelector(".button");
 
  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 onComplete() {
 
+
        if (script.parentNode) {
function switchDiv(content){
+
            script.parentNode.removeChild(script);
 
+
        }
  //sélectionne le bouton à l'intérieur de l'id buttonContainer
+
        if (callback) {
  var boutonSwitch = content.querySelector(".button");
+
            callback();
 
+
            callback = null;
  //exécute la fonction suivante à chaque clique sur le bouton
 
  boutonSwitch.addEventListener("click", function(){
 
   
 
    //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 {
 
          changeDiv[0].style.display="block";
 
 
         }
 
         }
        break;
 
      }
 
 
     }
 
     }
  });
+
 
 +
    script.onload = onComplete;
 +
    script.onerror = onComplete;
 +
 
 +
    document.head.appendChild(script);
 
}
 
}
  
function changeDisplay(content){
+
/* =======================================
 
+
FONCTION GLOBALE
  //sélectionne le bouton à l'intérieur de l'id buttonContainer
+
Exécutée une fois au chargement de la page
  var boutonSwitch = content.querySelector(".button");
+
========================================== */
 
+
 
  var frereList = content.nextElementSibling;
+
(function () {
 
+
     fixInsecureFavicon()
  //exécute la fonction suivante à chaque clique sur le bouton
+
 
  boutonSwitch.addEventListener("click", function(){
+
    var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
     if (this.classList.length == 1) {
+
     var loadScripts = document.querySelectorAll('div[data-load-javascript]');
      this.classList.add('tabber-active');
 
      frereList.classList.remove('tabber-noactive');
 
     } else {
 
      this.classList.remove('tabber-active');
 
      frereList.classList.add('tabber-noactive');
 
    }
 
  });
 
}
 
  
//s'exécute une fois au chargement de chaque page
+
    equipmentContainer.forEach(function (container) {
(function(){
+
        changeDisplay(container);
 
 
  //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");
 
 
 
  //parcourt chaque div contenant un tabber, rien si vide
 
  tabberContainer.forEach(function(e){
 
   
 
    //exécute la fonction buttonTabber
 
    buttonTabber(e);
 
 
     });
 
     });
 
 
  //sélectionne toutes les div contenant un calcul à l'intérieur du contenu de chaque page
 
  var containerCalcul = document.querySelectorAll("div#mw-content-text div#container-calcul");
 
 
 
  //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);
 
  });
 
  
  var ccontainer = document.querySelectorAll("div#mw-content-text .list-equip");
+
    /* Charge des scripts spécifiques au chargement de certaines pages */
 
+
    if (loadScripts.length > 0) {
  ccontainer.forEach(function(e){
+
 
   
+
        var allowedScripts = ["Tabber", "Skills", "Modal", "Switch", "Loot", "Map", "Filter", "Calculator", "Element", "Pets"];
    changeDisplay(e);
+
        var scriptsToLoad = [];
  });
+
 
 +
        for (var i = 0; i < loadScripts.length; i++) {
  
})();
+
            var script = loadScripts[i].dataset['loadJavascript'];
  
/* Pour les cookies */
+
            if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
 +
                scriptsToLoad.push(script);
 +
            }
 +
        }
  
(function () {
+
        function loadNextScript() {
    var req = new XMLHttpRequest();
+
            if (scriptsToLoad.length > 0) {
    req.addEventListener('load', function (ev) {
+
                var script = scriptsToLoad.shift();
        if (this.status >= 200 && this.status < 300) {
+
                 addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
            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");
+
        loadNextScript();
     req.send();
+
     }
 +
 
 +
     if (mw.config.get("wgUserName")) {
 +
        mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
 +
     }
 +
 
 +
    addButtonTop();
 +
    buttonTop();
 +
    cookies()
 
})();
 
})();

Version actuelle datée du 15 juin 2024 à 11:49

/* 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", "Pets"];
        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()
})();