Files
NightSpire/home/templates/partials/register.html
T
Inna 8156befe4f Fase 2 (isla): formulario de registro en React/TSX
register_view ya devolvía JSON en POST, así que sin cambio de backend:
RegisterForm.tsx replica register.js (password/conf con mostrar-ocultar, email/conf,
reclutador opcional, checkbox de términos que habilita el botón) y hace fetch
form-urlencoded + CSRF a {% url 'register' %}. El mensaje de éxito llega como HTML
(dangerouslySetInnerHTML); los de error como texto en rojo.

- partials/register.html: el <form> + register.js se sustituyen por #register-app
  (data-csrf/data-register-url) + {% vite_asset %}. Info-box y rama "ya conectado"
  siguen en Django.
- Nueva entry 'register' en vite.config.ts.

Verificado: check OK, la página monta la isla, POST con datos inválidos devuelve
el JSON de validación correcto.

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

70 lines
4.2 KiB
HTML

{% if request.session.username %}
<div class="main-page">
<div class="middle-content">
<div class="body-content">
<div class="title-content"><h1>Creación de cuenta</h1></div>
<div class="box-content" id="focus" tabindex="1">
<div class="body-box-content info-box-light justified">
<p>Tu cuenta es de tipo Battle.net: se identifica con tu <strong>correo electrónico</strong>.</p>
<p>La contraseña debe ser alfanumérica y con una longitud de hasta 16 caracteres.</p>
<p>El correo debe pertenecer a gmail y con acceso al mismo.</p>
<br>
<p>Una vez que la cuenta se haya creado exitosamente, se enviará un correo con un enlace de activación.</p>
<p>De no usar el enlace de activación, la cuenta no podrá usarse para conectar al servidor.</p>
<p><i class="fas fa-exclamation-triangle"></i> Al iniciar sesión, ingresa con tu <strong>correo electrónico</strong>.</p>
<br>
<p>La cuenta del foro es independiente y se puede crear <a href="https://foro.novawow.com/register" target="_blank" rel="noopener noreferrer">aquí</a>.</p>
</div>
</div>
<script>
document.getElementById("focus").focus()
</script>
<div class="box-content">
<div class="body-box-content centered">
<p>¡Ya estás conectado!</p>
<br>
<p>Si quieres crear una cuenta, primero <a href="logout">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>Creación de cuenta</h1></div>
<div class="box-content" id="focus" tabindex="1">
<div class="body-box-content info-box-light justified">
<p>Tu cuenta es de tipo Battle.net: se identifica con tu <strong>correo electrónico</strong>.</p>
<p>La contraseña debe ser alfanumérica y con una longitud de hasta 16 caracteres.</p>
<p>El correo debe pertenecer a gmail y con acceso al mismo.</p>
<br>
<p>Una vez que la cuenta se haya creado exitosamente, se enviará un correo con un enlace de activación.</p>
<p>De no usar el enlace de activación, la cuenta no podrá usarse para conectar al servidor.</p>
<p><i class="fas fa-exclamation-triangle"></i> Al iniciar sesión, ingresa con tu <strong>correo electrónico</strong>.</p>
<br>
<p>La cuenta del foro es independiente y se puede crear <a href="https://foro.novawow.com/register" target="_blank" rel="noopener noreferrer">aquí</a>.</p>
</div>
</div>
<script>
document.getElementById("focus").focus()
</script>
<div class="box-content">
<div class="body-box-content centered">
{% load django_vite %}
<!-- Isla React (Vite): formulario de creación de cuenta. POST a
{% url 'register' %} (que ya devuelve JSON) con CSRF. -->
<div id="register-app"
data-csrf="{{ csrf_token }}"
data-register-url="{% url 'register' %}"></div>
{% vite_asset 'src/entries/register.tsx' %}
<br>
</div>
</div>
</div>
</div>
</div>
{% endif %}