MediaWiki:Common.js

Revisão de 18h38min de 10 de novembro de 2023 por Ybooh (discussão | contribs)

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

  • Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
  • Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
  • Internet Explorer/Edge: PressioneCtrl enquanto clica Recarregar, ou Pressione Ctrl-F5
  • Opera: Pressione Ctrl-F5.
/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */
var coll = document.getElementsByClassName("collapsi");
var i;

for (i = 0; i < coll.length; i++) {
  coll[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var content = this.nextElementSibling;
    if (content.style.maxHeight){
      content.style.maxHeight = null;
    } else {
      content.style.maxHeight = content.scrollHeight + "px";
    } 
  });
}

const toggleDarkModeDiv = document.getElementsByClassName('clickable');
const content = document.getElementById('content');

for (i = 0; i < coll.length; i++) {
  toggleDarkModeDiv[i].addEventListener('click', function () {
        if (content.classList.contains('dark-mode')) {
            // Desativa o modo escuro se estiver ativado
            disableDarkMode();
        } else {
            // Ativa o modo escuro se estiver desativado
            enableDarkMode();
        }
    });
}

if (localStorage.getItem('darkMode') === 'enabled') {
        enableDarkMode();
    }

for (i = 0; i < toggleDarkModeDiv.length; i++) {
  toggleDarkModeDiv[i].addEventListener('click', function () {
        if (content.classList.contains('dark-mode')) {
            // Desativa o modo escuro se estiver ativado
            disableDarkMode();
        } else {
            // Ativa o modo escuro se estiver desativado
            enableDarkMode();
        }
    });
}

    function enableDarkMode() {
        // Ativa o modo escuro
        content.classList.add('dark-mode');
        // Salva o estado no localStorage
        localStorage.setItem('darkMode', 'enabled');
    }

    function disableDarkMode() {
        // Desativa o modo escuro
        content.classList.remove('dark-mode');
        // Salva o estado no localStorage
        localStorage.setItem('darkMode', null);
    }