Refactor login form to use unified identifier for user input; implement async login handling in LoginPage
This commit is contained in:
parent
a13613a660
commit
7a36a0d4f0
|
|
@ -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);
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Reference in New Issue