Files
NightSpire/home/templates/partials/register.html
T

107 lines
7.1 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>El usuario debe ser alfanumérico y con una longitud de hasta 17 caracteres.</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. Un mismo correo puede usarse para registrar hasta 10 cuentas.</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 el NOMBRE de la cuenta.</p>
<br>
<p>La cuenta del foro es independiente y se puede crear <a href="https://foro.ultimowow.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>El usuario debe ser alfanumérico y con una longitud de hasta 17 caracteres.</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. Un mismo correo puede usarse para registrar hasta 10 cuentas.</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 el NOMBRE de la cuenta.</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">
<form action="" method="POST" id="nw-create-form" accept-charset="utf-8">
<table class="middle-center-table">
<script src="{{ URL_PRINCIPAL }}/static/nw-themes/nw-ryu/nw-js-handlers/register.js"></script>
<tbody><tr>
<td><input type="text" maxlength="17" name="username" id="username" placeholder="Nombre de usuario"></td>
</tr>
<tr>
<td><input type="password" maxlength="16" name="password" id="password" placeholder="Contraseña">
<span class="far fa-eye toggle-password"></span></td>
</tr>
<tr>
<td><input type="password" maxlength="16" name="conf-password" id="conf-password" placeholder="Confirmar contraseña">
<span class="far fa-eye toggle-password-conf"></span></td>
</tr>
<tr>
<td><input type="email" name="email" id="email" placeholder="Correo electrónico de Gmail"></td>
</tr>
<tr>
<td><input type="email" name="conf-email" id="conf-email" placeholder="Confirmar correo electrónico"></td>
</tr>
<tr>
<td><hr></td>
</tr>
<tr>
<td>Opcional: Sólo si eres reclutado por un amigo</td>
</tr>
<tr>
<td><input type="text" maxlength="12" name="recruiter" id="recruiter" placeholder="Reclutante"></td>
</tr>
<tr>
</tr>
<tr>
<td>
<input type="checkbox" onclick="click_checkbox()" id="accept-terms-cookies" class="terms-check" name="accept-terms-cookies">
<label for="vehicle1"> Acepto las <a href="https://foro.novawow.com/forum/novawow/normas-de-la-comunidad/16502-normas-del-juego" target="_blank" rel="noopener noreferrer">Normas</a>, <a href="terms-and-conditions" target="_blank">Términos y Condiciones</a> y la <a href="privacy-policy" target="_blank">Política de Privacidad</a></label>
</td>
</tr>
<tr>
<td><button type="submit" name="create" class="create-button" data-id="CrearCuenta" id="create-account-btn" disabled="true">Crear cuenta</button></td>
</tr>
</tbody></table>
</form>
<hr>
<div class="alert-message" id="create-response"></div>
<br>
</div>
</div>
</div>
</div>
</div>
{% endif %}