web-next: migrar toda la UI al tema real nw-ryu

Reescritura completa del frontend Next.js del sistema visual Tailwind "simulado" al tema Django original (nw-ryu), para paridad pixel con la web actual antes del cutover. - Tema real: copia de static/nw-themes/nw-ryu + favicons a public/, el layout carga el novavow-style.css real de ultimo (gana la cascada sobre Tailwind) + Font Awesome. - Shell replicando los partials Django: SiteHeader, Video, Social, Footer, ServerClock; home con estructura real (main-page/middle-content/...). - Helpers reutilizables: PageShell (main-page > middle-content > body-content > title-content) y ServiceBox (title-box-content + back-to-account). - Paginas migradas a clases reales del tema (fieldset/tool-button/char-box/ item-box/info-box-light/max-center-table/alert-message/botones reales), eliminando el markup Tailwind (.nw-btn/.nw-card/.nw-input): auth (login/register/recover/reset/select-account/activate), cuenta + servicios de personaje (revive/unstuck/rename/customize/ change-race/change-faction/level-up/gold/transfer + pago Stripe), ajustes (change-password/change-email/security-token), comunidad (vote-points/recruit/battlepay), foro completo, y admin (indice + 7 secciones + los Admin*Manager). - Se conserva el bilingue (next-intl); claves nuevas en messages/es|en.json. Verificado: typecheck + build OK; rutas protegidas 307->login; sin MISSING_MESSAGE; cero Tailwind residual (solo .nw-tool-btn/.nw-page, clases propias en globals.css). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-13 09:54:58 +00:00
parent 8bb18838ff
commit cc158d3819
230 changed files with 7899 additions and 1386 deletions
@@ -0,0 +1,75 @@
+if (window.history.replaceState) {
+    window.history.replaceState(null, null, window.location.href);
+}
+
+$(document).ready(function () {
+    // Mostrar mensaje de cancelación si está presente en el backend
+    const cancelMessage = $("#rename-response").data("cancel-message");
+    if (cancelMessage) {
+        $("#rename-response").html(cancelMessage).hide().slideDown();
+    }
+
+    // Manejar clics en el botón de renombrar
+    $('.rename-button').on('click', function (e) {
+        e.preventDefault();
+        $("#rename-response").empty();
+
+        const button = $(this);
+        const originalText = button.html();
+        const data = $("#nw-rename-form").serialize();
+
+        // Confirmar antes de proceder con el pago
+        const conf = confirm("¿Estás seguro de renombrar al personaje seleccionado?");
+        if (!conf) return;
+
+        // Cambiar texto del botón mientras procesa
+        changeButton(button, 'Procesando pago...');
+
+        $.ajax({
+            type: 'POST',
+            url: '', // URL para manejar el POST
+            data: data,
+            dataType: 'json',
+            success: function (response) {
+                if (response.success) {
+                    // Verificar que Stripe está cargado
+                    if (typeof Stripe === 'undefined') {
+                        console.error("Stripe.js no está cargado.");
+                        $("#rename-response").append('<span class="red-form-response">Error al cargar Stripe. Intente nuevamente más tarde.</span>').hide().slideDown();
+                        restoreButton(button, originalText);
+                        return;
+                    }
+
+                    // Redirigir a Stripe Checkout
+                    const stripe = Stripe(response.stripe_public_key);
+                    stripe.redirectToCheckout({ sessionId: response.session_id }).then(function (result) {
+                        if (result.error) {
+                            $("#rename-response").append('<span class="red-form-response">' + result.error.message + '</span>').hide().slideDown();
+                            restoreButton(button, originalText);
+                        }
+                    });
+                } else {
+                    // Mostrar mensaje de error del backend
+                    $("#rename-response").append(response.message).hide().slideDown();
+                    restoreButton(button, originalText);
+                }
+            },
+            error: function () {
+                $("#rename-response").append('<span class="red-form-response">Error inesperado. Por favor, intente más tarde.</span>').hide().slideDown();
+                restoreButton(button, originalText);
+            }
+        });
+    });
+});
+
+// Función para cambiar el texto del botón y desactivarlo
+function changeButton(button, text) {
+    button.html(text);
+    button.prop("disabled", true);
+}
+
+// Función para restaurar el texto y habilitar el botón
+function restoreButton(button, originalText) {
+    button.html(originalText);
+    button.prop("disabled", false);
+}