javier.2526/doli-front
javier.2526
/
doli-front
mirror of https://github.com/JavMB/doli-front.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Refactor login form to use unified identifier for user input; implement async login handling in LoginPage

This commit is contained in:
javiermengual 2026-01-16 19:06:00 +01:00
parent a13613a660
commit 7a36a0d4f0
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Login.js
View File

@ -7,8 +7,8 @@ export function renderLogin(onLogin) {
<h2 class="login-title">Iniciar Sesión</h2> <h2 class="login-title">Iniciar Sesión</h2>
<form id="login-form"> <form id="login-form">
<div class="form-group"> <div class="form-group">
<label for="email">Email</label> <label for="identifier">Usuario o email</label>
<input type="email" id="email" name="email" required autocomplete="email"> <input type="text" id="identifier" name="identifier" required autocomplete="username">
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password">Contraseña</label> <label for="password">Contraseña</label>
@ -22,7 +22,7 @@ export function renderLogin(onLogin) {
loginContainer.querySelector('#login-form').addEventListener('submit', (e) => { loginContainer.querySelector('#login-form').addEventListener('submit', (e) => {
e.preventDefault(); e.preventDefault();
const email = loginContainer.querySelector('#email').value; const email = loginContainer.querySelector('#identifier').value;
const password = loginContainer.querySelector('#password').value; const password = loginContainer.querySelector('#password').value;
onLogin(email, password); onLogin(email, password);
}); });

4
src/pages/LoginPage.js
View File

@ -5,8 +5,8 @@ export function renderLoginPage(onLoginSuccess) {
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'login-page'; container.className = 'login-page';
const loginComponent = renderLogin((email, password) => { const loginComponent = renderLogin(async (email, password) => {
if (auth.login(email, password)) { if (await auth.login(email, password)) {
if (onLoginSuccess) { if (onLoginSuccess) {
onLoginSuccess(); onLoginSuccess();
} else { } else {