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);
}
});