MediaWiki:Common.js: mudanças entre as edições
Ir para navegação
Ir para pesquisar
Sem resumo de edição |
Sem resumo de edição |
||
Linha 17: | Linha 17: | ||
document.addEventListener('DOMContentLoaded', function () { | document.addEventListener('DOMContentLoaded', function () { | ||
const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); | const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); | ||
const | const mw-panel = document.getElementById('mw-panel'); | ||
// Verifica se o modo escuro está ativado | // Verifica se o modo escuro está ativado | ||
Linha 26: | Linha 26: | ||
// Adiciona um ouvinte de evento para alternar o modo escuro | // Adiciona um ouvinte de evento para alternar o modo escuro | ||
toggleDarkModeDiv.addEventListener('click', function () { | toggleDarkModeDiv.addEventListener('click', function () { | ||
if ( | if (mw-panel.classList.contains('dark-mode')) { | ||
// Desativa o modo escuro se estiver ativado | // Desativa o modo escuro se estiver ativado | ||
disableDarkMode(); | disableDarkMode(); | ||
Linha 37: | Linha 37: | ||
function enableDarkMode() { | function enableDarkMode() { | ||
// Ativa o modo escuro | // Ativa o modo escuro | ||
mw-panel.classList.add('dark-mode'); | |||
// Salva o estado no localStorage | // Salva o estado no localStorage | ||
localStorage.setItem('darkMode', 'enabled'); | localStorage.setItem('darkMode', 'enabled'); | ||
Linha 44: | Linha 44: | ||
function disableDarkMode() { | function disableDarkMode() { | ||
// Desativa o modo escuro | // Desativa o modo escuro | ||
mw-panel.classList.remove('dark-mode'); | |||
// Salva o estado no localStorage | // Salva o estado no localStorage | ||
localStorage.setItem('darkMode', null); | localStorage.setItem('darkMode', null); | ||
} | } | ||
}); | }); |
Edição das 18h30min de 10 de novembro de 2023
/* 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"; } }); } document.addEventListener('DOMContentLoaded', function () { const toggleDarkModeDiv = document.getElementById('toggleDarkMode'); const mw-panel = document.getElementById('mw-panel'); // Verifica se o modo escuro está ativado if (localStorage.getItem('darkMode') === 'enabled') { enableDarkMode(); } // Adiciona um ouvinte de evento para alternar o modo escuro toggleDarkModeDiv.addEventListener('click', function () { if (mw-panel.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 mw-panel.classList.add('dark-mode'); // Salva o estado no localStorage localStorage.setItem('darkMode', 'enabled'); } function disableDarkMode() { // Desativa o modo escuro mw-panel.classList.remove('dark-mode'); // Salva o estado no localStorage localStorage.setItem('darkMode', null); } });