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

View File

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

View File

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