Inna
0909567e0d
El login se migra a una isla React. login_view ya devolvía JSON en POST, así que
el backend no cambia: LoginForm.tsx hace fetch (form-urlencoded + CSRF) al mismo
{% url 'login' %} y replica el comportamiento del antiguo login_response.js
(mostrar/ocultar contraseña, estados del botón, éxito -> redirige a my-account,
alert/locked, errores transitorios).
- partials/login.html: el <form> + el script jQuery se sustituyen por
#login-app (con data-csrf/data-login-url/data-success-url) + {% vite_asset %}.
La rama "ya conectado" y los enlaces (recover, create-account) siguen en Django.
- CSRF vía data-csrf="{{ csrf_token }}" (fija la cookie y da el token); el fetch
lo manda como X-CSRFToken y csrfmiddlewaretoken. El navegador adjunta Referer.
- Nueva entry 'login' en vite.config.ts.
Verificado: check OK, la página monta la isla, POST devuelve JSON correcto.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
45 lines
2.0 KiB
HTML
45 lines
2.0 KiB
HTML
{% if request.session.username %}
|
|
<div class="main-page">
|
|
<div class="middle-content">
|
|
<div class="body-content">
|
|
<div class="title-content"><h1>Conectar a {{ NOMBRE_SERVIDOR }}</h1></div>
|
|
<div class="box-content">
|
|
<div class="body-box-content centered">
|
|
<p>¡Ya estás conectado!</p>
|
|
<br>
|
|
<p>Si quieres conectar otra cuenta, primero <a href="log-out">desconecta</a>.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="main-page">
|
|
<div class="middle-content">
|
|
<div class="body-content">
|
|
<div class="title-content">
|
|
<h1>Conectar a {{ NOMBRE_SERVIDOR }}</h1>
|
|
</div>
|
|
<div class="box-content">
|
|
<div class="body-box-content centered">
|
|
{% load django_vite %}
|
|
<!-- Isla React (Vite): formulario de login. POST a {% url 'login' %}
|
|
(que ya devuelve JSON) con CSRF; en éxito redirige a my-account. -->
|
|
<div id="login-app"
|
|
data-csrf="{{ csrf_token }}"
|
|
data-login-url="{% url 'login' %}"
|
|
data-success-url="my-account"></div>
|
|
{% vite_asset 'src/entries/login.tsx' %}
|
|
<br>
|
|
<p><a href="recover">He olvidado mi contraseña/usuario</a></p>
|
|
<p><a href="recover">No me ha llegado el enlace de activación</a></p>
|
|
<br>
|
|
<p>¿Nuevo en la comunidad? Puedes crear una cuenta <a href="create-account">aquí</a></p>
|
|
<br>
|
|
<p class="grey-info2">* Si conectas desde un lugar público recuerda desconectar cuando no estés usando la página web o el foro.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endif %} |