MediaWiki:Common.js : Différence entre versions

(5 révisions intermédiaires par le même utilisateur non affichées)
Ligne 7 : Ligne 7 :
 
/* Favicon */
 
/* Favicon */
 
function fixInsecureFavicon() {
 
function fixInsecureFavicon() {
  document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
+
    document.querySelector('link[rel="shortcut icon"]').href = "https://gf1.geo.gfsrv.net/cdn98/191b803adbf82f4b8febe3a2c38c2c.ico";
 
}
 
}
 
  
 
/* Liste des équipements */
 
/* Liste des équipements */
function changeDisplay(content){
+
function changeDisplay(content) {
 
+
    var boutonSwitch = content.querySelector(".button");
  var boutonSwitch = content.querySelector(".button");
+
    var frereList = content.nextElementSibling;
  var frereList = content.nextElementSibling;
 
 
 
  boutonSwitch.addEventListener("click", function(){
 
    if (this.classList.length == 1) {
 
      this.classList.add('tabber-active');
 
      frereList.classList.remove('tabber-noactive');
 
    } else {
 
      this.classList.remove('tabber-active');
 
      frereList.classList.add('tabber-noactive');
 
    }
 
  });
 
}
 
  
/* Liste des monstres */
+
     boutonSwitch.addEventListener("click", function () {
function init(list){
+
        this.classList.toggle('tabber-active');
  list.forEach(function(el){
+
         frereList.classList.toggle('tabber-noactive');
     el.classList.remove("tabber-noactive");
+
     });
  })
 
}
 
 
 
function displayTableMob(content) {
 
 
 
  var allMob = content.querySelectorAll('.card-mob');
 
  var buttons = content.querySelectorAll('div.button');
 
 
 
  init(allMob);
 
 
  buttons.forEach(function(button){
 
   
 
    button.addEventListener("click", function() {
 
      var activeButton = content.querySelector(".button.tabber-active");
 
      if (this === activeButton) {
 
        activeButton.classList.remove("tabber-active");
 
         init(allMob);
 
        return
 
      }
 
      if (activeButton !== null) {
 
        activeButton.classList.remove("tabber-active");
 
      }
 
      init(allMob);
 
      button.classList.add("tabber-active");
 
      var caract = Object.keys(this.dataset)[0]
 
      var value = this.dataset[caract];
 
      allMob.forEach(function(mob){
 
        if (mob.dataset[caract] !== value ) {
 
          mob.classList.add("tabber-noactive");
 
        }
 
      });
 
     });   
 
  });
 
 
}
 
}
  
 
/* BOUTON RETOUR VERS LE HAUT */
 
/* BOUTON RETOUR VERS LE HAUT */
 
function addButtonTop() {
 
function addButtonTop() {
 
+
    var contentText = document.querySelector("div#mw-content-text");
  var contentText = document.querySelector("div#mw-content-text");
+
 
 
+
    if (contentText !== null) {
  if (contentText !== null) {
+
 
   
+
        var divButtonTop = document.createElement("div");
    var divButtonTop = document.createElement("div");
+
        divButtonTop.classList.add("top-button");
    divButtonTop.classList.add("top-button");
+
        contentText.appendChild(divButtonTop);
    contentText.appendChild(divButtonTop);
+
    }
  }
 
 
}
 
}
  
 
function buttonTop() {
 
function buttonTop() {
 
+
    var balise = document.querySelector("div#mw-page-header-links");
  var balise = document.querySelector("div#mw-page-header-links");
+
    var topButton = document.querySelector(".top-button");
  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) {
+
     if (balise !== null) {
      entries.forEach(function(entry) {
+
        var options = {
        if (entry.isIntersecting) {
+
            root: null,
          topButton.classList.remove("show-button");
+
            rootMargin: "0px",
        } else {
+
            threshold: 0,
        topButton.classList.add("show-button");
+
        };
 +
 
 +
        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
 +
            });
 +
        });
 
     }
 
     }
 
    topButton.addEventListener("click", function(){
 
      document.documentElement.scrollTo({
 
        top: 0
 
      });
 
    });
 
  }
 
 
}
 
}
  
Ligne 128 : Ligne 80 :
 
     req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
 
     req.open('GET', "https://s3-static.geo.gfsrv.net/cookiebanner/version.json");
 
     req.send();
 
     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);
 
}
 
}
  
Ligne 135 : Ligne 108 :
 
========================================== */
 
========================================== */
  
(function(){
+
(function () {
  fixInsecureFavicon()
+
    fixInsecureFavicon()
 
+
 
  var ccontainer = document.querySelectorAll("div#mw-content-text .list-equip");
+
    var equipmentContainer = document.querySelectorAll('div#mw-content-text .list-equip');
  ccontainer.forEach(function(e){
+
    var loadScripts = document.querySelectorAll('div[data-load-javascript]');
    changeDisplay(e);
+
 
  });
+
    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'];
  
  var mobContainers = document.querySelectorAll("div#mw-content-text div.mob-container");
+
            if ((allowedScripts.indexOf(script) !== -1) && (scriptsToLoad.indexOf(script) === -1)) {
  mobContainers.forEach( function(mobContainer) {
+
                scriptsToLoad.push(script);
    displayTableMob(mobContainer)
+
            }
  });
+
        }
  
  var loadScripts = document.querySelectorAll("div[data-load-javascript]");
+
        function loadNextScript() {
 
+
            if (scriptsToLoad.length > 0) {
  /* Charge des scripts spécifiques au chargement de certaines pages */
+
                var script = scriptsToLoad.shift();
  if (loadScripts.length) {
+
                addScript("/index.php?title=MediaWiki:Script/" + script + ".js&action=raw&ctype=text/javascript", loadNextScript);
    var checkArray = new Array(0);
+
             }
    loadScripts.forEach(function(loadScript){
 
      script = loadScript.dataset["loadJavascript"];
 
      if (checkArray.indexOf(script) === -1) {
 
        checkArray.push(script);
 
        switch (script) {
 
          case "tabber" : // charge le script pour utiliser les tabber
 
            mw.loader.load("/index.php?title=MediaWiki:Script/Tabber.js&action=raw&ctype=text/javascript");
 
            break;
 
          case "skills" : // charge le script pour utiliser le simulateur de compétence
 
            mw.loader.load("/index.php?title=MediaWiki:Script/Skills.js&action=raw&ctype=text/javascript");
 
             break;
 
          case "modal" : // charge le script pour utiliser les modal
 
            mw.loader.load("/index.php?title=MediaWiki:Script/Modal.js&action=raw&ctype=text/javascript");
 
            break;
 
          case "switch" : // charge le script pour utiliser les changements de contenu
 
            mw.loader.load("/index.php?title=MediaWiki:Script/Switch.js&action=raw&ctype=text/javascript");
 
            break;
 
          case "loot" :
 
            mw.loader.load("/index.php?title=MediaWiki:Script/Loot.js&action=raw&ctype=text/javascript");
 
            break;
 
 
         }
 
         }
      }
+
 
    });
+
        loadNextScript();
  }
+
    }
  var userGroup = mw.config.get("wgUserGroups")
+
 
 
+
    if (mw.config.get("wgUserName")) {
  if (userGroup.indexOf("*") !== 0 || userGroup.length >= 2) {
+
        mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
  mw.loader.load("/index.php?title=MediaWiki:Script/Redactor.js&action=raw&ctype=text/javascript");
+
    }
}
+
 
  addButtonTop();
+
    addButtonTop();
  buttonTop();
+
    buttonTop();
  cookies()
+
    cookies()
 
})();
 
})();

Version du 15 juin 2024 à 10: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()
})();