Spaces:
Running
Running
| <html lang="pt-BR"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Diário de Dor</title> | |
| </head> | |
| <body> | |
| <h1>Bem-vindo ao Diário de Dor</h1> | |
| <div id="loginSection"> | |
| <h2>Login</h2> | |
| <input type="email" id="loginEmail" placeholder="Email"> | |
| <input type="password" id="loginPassword" placeholder="Senha"> | |
| <button onclick="login()">Entrar</button> | |
| <h2>Registrar</h2> | |
| <input type="email" id="registerEmail" placeholder="Email"> | |
| <input type="password" id="registerPassword" placeholder="Senha"> | |
| <button onclick="register()">Registrar</button> | |
| </div> | |
| <div id="appContent" style="display:none;"> | |
| <h2>Você está logado!</h2> | |
| <button onclick="logout()">Sair</button> | |
| </div> | |
| <!-- Firebase SDKs --> | |
| <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js"></script> | |
| <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-auth.js"></script> | |
| <script src="https://www.gstatic.com/firebasejs/9.6.10/firebase-analytics.js"></script> | |
| <script> | |
| // Configuração do Firebase | |
| const firebaseConfig = { | |
| apiKey: "AIzaSyC333RcSsjVOifEtPPpkY5FITQhUGNqE-o", | |
| authDomain: "diario-de-dor-e0974.firebaseapp.com", | |
| projectId: "diario-de-dor-e0974", | |
| storageBucket: "diario-de-dor-e0974.firebasestorage.app", | |
| messagingSenderId: "207658787462", | |
| appId: "1:207658787462:web:4a872a10ab640eac60e707", | |
| measurementId: "G-JFMZNWV4T4" | |
| }; | |
| // Inicializa Firebase | |
| const app = firebase.initializeApp(firebaseConfig); | |
| const auth = firebase.auth(); | |
| const analytics = firebase.analytics(); | |
| // Função de Registro | |
| function register() { | |
| const email = document.getElementById('registerEmail').value; | |
| const password = document.getElementById('registerPassword').value; | |
| auth.createUserWithEmailAndPassword(email, password) | |
| .then(() => alert('Registrado com sucesso!')) | |
| .catch(error => alert(error.message)); | |
| } | |
| // Função de Login | |
| function login() { | |
| const email = document.getElementById('loginEmail').value; | |
| const password = document.getElementById('loginPassword').value; | |
| auth.signInWithEmailAndPassword(email, password) | |
| .then(() => alert('Login realizado!')) | |
| .catch(error => alert(error.message)); | |
| } | |
| // Função de Logout | |
| function logout() { | |
| auth.signOut().then(() => alert('Deslogado!')); | |
| } | |
| // Verifica se usuário está logado e mostra/esconde conteúdo | |
| auth.onAuthStateChanged((user) => { | |
| if (user) { | |
| document.getElementById('loginSection').style.display = 'none'; | |
| document.getElementById('appContent').style.display = 'block'; | |
| console.log('Usuário logado:', user.email); | |
| } else { | |
| document.getElementById('loginSection').style.display = 'block'; | |
| document.getElementById('appContent').style.display = 'none'; | |
| console.log('Nenhum usuário logado'); | |
| } | |
| }); | |
| </script> | |
| </body> | |
| </html> | |