Files
NightSpire/home/templates/partials/recover_account.html
T
Inna cac0d28aa9 Añade Cloudflare Turnstile (captcha) a login, registro y recuperación
- Backend: helper verify_turnstile en _base (verifica el token contra
  challenges.cloudflare.com/siteverify; fail-closed ante error de red; si no hay
  secreto configurado, no bloquea). Se exige en el POST de login_view,
  register_view y recover_account_view -> rechazo con mensaje si falla.
- settings: TURNSTILE_SITE_KEY / TURNSTILE_SECRET_KEY desde .env (el secreto NO
  se commitea). La clave de sitio se expone a las plantillas por el context
  processor (TURNSTILE_SITE_KEY).
- Frontend: hook useTurnstile (carga el script de Cloudflare una vez y renderiza
  el widget, devuelve el token). LoginForm/RegisterForm/RecoverForm incluyen el
  widget, mandan cf-turnstile-response y deshabilitan el submit hasta tener token.
  El sitekey llega por data-sitekey en el div de montaje.

Verificado: sin token los 3 POST se rechazan; siteverify acepta la clave secreta
(error invalid-input-response con token falso, no invalid-input-secret).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-12 21:15:27 +00:00

42 lines
2.4 KiB
HTML

{% load django_vite %}
<div class="main-page">
<div class="middle-content">
<div class="body-content">
<div class="title-content"><h1>Recuperar información de cuenta</h1></div>
<div class="box-content">
<div class="title-box-content"><h2>Información</h2></div>
<div class="body-box-content justified">
<span>Si has olvidado la contraseña de la cuenta:</span>
<p>- Selecciona la opción 'Contraseña'.</p>
<p>- Escribe el correo electrónico de la cuenta.</p>
<p>- Un correo será enviado con un enlace para generar una contraseña nueva.</p>
<br>
<span>Si has olvidado con qué cuentas de juego cuentas:</span>
<p>- Selecciona la opción 'Nombre de cuenta'.</p>
<p>- Escribe el correo electrónico.</p>
<p>- Un correo será enviado con todas las cuentas ligadas al correo.</p>
<br>
<span>Si no has recibido el enlace de activación:</span>
<p>- Selecciona la opción 'Enlace de activación'.</p>
<p>- Escribe el correo electrónico.</p>
<p>- Un correo será enviado con el enlace de activación.</p>
</div>
</div>
<div class="box-content">
<div class="title-box-content"><h2>Solicitud de información</h2></div>
<div class="body-box-content centered">
<!-- Isla React (Vite): recuperación de cuenta (contraseña / nombre de
cuenta / reenvío de activación). POST a {% url 'recover' %} (JSON). -->
<div id="recover-app"
data-csrf="{{ csrf_token }}"
data-recover-url="{% url 'recover' %}"
data-sitekey="{{ TURNSTILE_SITE_KEY }}"></div>
{% vite_asset 'src/entries/recover.tsx' %}
<br>
</div>
</div>
</div>
</div>
</div>