Inna
823b8d0014
customize, change_race, change_faction y level_up comparten el patrón exacto de rename (select 'character' + precio -> Stripe), así que reutilizan la isla CharacterPurchaseForm / entry character_purchase cambiando solo los data-* (url, label, clase de botón). Sin JS nuevo. Se eliminan los <script> jQuery y Stripe inline de cada plantilla. Verificado: check OK, las 4 páginas redirigen a login sin sesión y las plantillas renderizan la isla correctamente. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
43 lines
2.9 KiB
HTML
43 lines
2.9 KiB
HTML
<div class="main-page">
|
|
<div class="middle-content">
|
|
<div class="body-content">
|
|
<div class="title-content"><h1>Personalizar personaje</h1></div>
|
|
<div class="box-content">
|
|
<div class="title-box-content"><h2>Información</h2><a class="back-to-account" href="my-account">Regresar a mi cuenta</a><a class="back-to-account-responsive" href="my-account">Regresar</a></div>
|
|
<div class="body-box-content justified">
|
|
<br>
|
|
<p>La herramienta <span>Personalizar personaje</span> te permite cambiar los siguientes aspectos un personaje:</p>
|
|
<p>- Color de la piel</p>
|
|
<p>- Rostro</p>
|
|
<p>- Pelo</p>
|
|
<p>- Sexo</p>
|
|
<p>- Características correspondientes a cada raza como cuernos, pendientes, marcas, vello facial</p>
|
|
<p>Si también deseas cambiar el nombre del personaje, debes usar la herramienta Renombrar personaje.</p>
|
|
<br>
|
|
<p>Al usar el botón PERSONALIZAR del personaje que hayas escogido, se enviará una petición de personalización de dicho personaje.</p>
|
|
<p>Cuando ingreses a la lista de personajes de tu cuenta, verás un ícono a la izquierda de tu personaje escogido.</p>
|
|
<p>Al darle click a dicho ícono ingresarás al menú de edición de personaje que te permitirá escoger diferentes características.</p>
|
|
<br>
|
|
<fieldset>
|
|
<legend>NOTA</legend>
|
|
<div class="separate2">
|
|
<p>Por favor, asegúrate de haber escogido al personaje correcto ya que esta acción no es reversible una vez realizada.</p>
|
|
</div>
|
|
</fieldset>
|
|
{% load django_vite %}
|
|
<!-- Isla React (Vite): servicio de pago de personaje (genérico). -->
|
|
<div id="character-purchase-app"
|
|
data-csrf="{{ csrf_token }}"
|
|
data-url="{% url 'customize-character' %}"
|
|
data-price="{{ price }}"
|
|
data-label="Personalizar"
|
|
data-button-class="customize-button"></div>
|
|
{{ characters|json_script:"character-purchase-data" }}
|
|
{% vite_asset 'src/entries/character_purchase.tsx' %}
|
|
<br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |