68 lines
2.2 KiB
JavaScript
68 lines
2.2 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function () {
|
|
const lightThemeRadio = document.getElementById('lightTheme');
|
|
const darkThemeRadio = document.getElementById('darkTheme');
|
|
|
|
// Verifica se há um tema armazenado no localStorage e aplica-o
|
|
const storedTheme = localStorage.getItem('theme');
|
|
if (storedTheme) {
|
|
document.body.classList.add(storedTheme);
|
|
}
|
|
|
|
lightThemeRadio.addEventListener('change', function () {
|
|
if (this.checked) {
|
|
document.body.classList.remove('dark-theme');
|
|
document.body.classList.add('default-theme');
|
|
localStorage.setItem('theme', 'default-theme'); // Armazena o tema escolhido no localStorage
|
|
}
|
|
});
|
|
|
|
darkThemeRadio.addEventListener('change', function () {
|
|
if (this.checked) {
|
|
document.body.classList.remove('default-theme');
|
|
document.body.classList.add('dark-theme');
|
|
localStorage.setItem('theme', 'dark-theme'); // Armazena o tema escolhido no localStorage
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
const dadosDosBlocos = [
|
|
{
|
|
imagem_Cab: '../Acessts/Imagens/iT_Guys/logo_340x100.png',
|
|
A_cab: './Ambiente_Usuario copy.html',
|
|
button_Cab: 'Logout',
|
|
}
|
|
|
|
// Adicione mais objetos para mais blocos se necessário
|
|
];
|
|
|
|
// Função para criar os blocos com base nos dados fornecidos
|
|
function criarBlocos(dados) {
|
|
// Limpar o container de blocos
|
|
entrada.innerHTML = '';
|
|
|
|
// Iterar sobre o array de dados dos blocos
|
|
dados.forEach(dadosDoBloco => {
|
|
|
|
const Painel = document.createElement('section'); // Responsavel por trazer todos os lementos da tela.
|
|
|
|
const css1 = document.createElement('link');
|
|
css1.rel = 'stylesheet';
|
|
css1.href = '../../Css/padraouser.css';
|
|
|
|
const css2 = document.createElement('link');
|
|
css2.rel = 'stylesheet';
|
|
css2.href = '../../Css/padraouser.css';
|
|
//Cabeçalho
|
|
|
|
Painel.appendChild(css1);
|
|
Painel.appendChild(css2);
|
|
|
|
// Adicionar o bloco ao container de blocos
|
|
entrada.appendChild(Painel);
|
|
});
|
|
}
|
|
|
|
|
|
// Renderizar os blocos inicialmente ao carregar a página
|
|
criarBlocos(dadosDosBlocos); |