32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
|
export function renderLogin(onLogin) {
|
||
|
|
const loginContainer = document.createElement('div');
|
||
|
|
loginContainer.className = 'login-container';
|
||
|
|
|
||
|
|
loginContainer.innerHTML = `
|
||
|
|
<div class="login-card">
|
||
|
|
<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">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="password">Contraseña</label>
|
||
|
|
<input type="password" id="password" name="password" required autocomplete="current-password">
|
||
|
|
</div>
|
||
|
|
<button type="submit" class="login-button">Ingresar</button>
|
||
|
|
</form>
|
||
|
|
<p id="login-error" class="login-error"></p>
|
||
|
|
</div>
|
||
|
|
`;
|
||
|
|
|
||
|
|
loginContainer.querySelector('#login-form').addEventListener('submit', (e) => {
|
||
|
|
e.preventDefault();
|
||
|
|
const email = loginContainer.querySelector('#email').value;
|
||
|
|
const password = loginContainer.querySelector('#password').value;
|
||
|
|
onLogin(email, password);
|
||
|
|
});
|
||
|
|
|
||
|
|
return loginContainer;
|
||
|
|
}
|