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,91 @@
+$(document).ready(function () {
+    $("#comprar").on("click", async function (e) {
+        e.preventDefault();
+        $("#store-response").empty();
+
+        let button = $(this);
+        let originalText = button.html();
+        button.html("Procesando pago...");
+        button.prop("disabled", true);
+
+        let personaje = $("#personaje").val();
+        if (!personaje) {
+            $("#store-response").append('<span class="red-form-response">Selecciona un personaje antes de comprar.</span>').hide().slideDown();
+            button.html(originalText);
+            button.prop("disabled", false);
+            return;
+        }
+
+        let carrito = [];
+        $("#carrito li").each(function () {
+            let itemData = $(this).data("item");
+            carrito.push({
+                item_id: itemData.item_id,
+                name: itemData.name,
+                price: itemData.price
+            });
+        });
+
+        if (carrito.length === 0) {
+            $("#store-response").append('<span class="red-form-response">El carrito está vacío.</span>').hide().slideDown();
+            button.html(originalText);
+            button.prop("disabled", false);
+            return;
+        }
+
+        // Realizar la solicitud para crear la sesión de pago en el backend
+        try {
+            const response = await fetch("{% url 'create_checkout_session' %}", {
+                method: "POST",
+                body: new URLSearchParams({
+                    personaje: personaje,
+                    carrito: JSON.stringify(carrito)
+                })
+            });
+
+            const data = await response.json();
+            if (data.success) {
+                window.location.href = data.stripe_url;  // Redirigir a la página de pago de Stripe
+            } else {
+                $("#store-response").append(`<span class="red-form-response">${data.message}</span>`).hide().slideDown();
+            }
+        } catch (error) {
+            console.error("Error al procesar el pago:", error);
+            $("#store-response").append('<span class="red-form-response">Error al procesar el pago.</span>').hide().slideDown();
+        }
+
+        button.html(originalText);
+        button.prop("disabled", false);
+    });
+});
+$("#categoria").on("change", function () {
+    let categoriaSeleccionada = $(this).val();
+    if (categoriaSeleccionada) {
+        $.ajax({
+            url: "{% url 'get_items_by_category' %}",
+            method: "GET",
+            data: { category: categoriaSeleccionada },
+            success: function (data) {
+                $("#items-container").empty();
+                if (data.items.length > 0) {
+                    data.items.forEach(function (item) {
+                        let itemHtml = `
+                            <div class="item">
+                                <img src="${item.image_url}" alt="${item.name}" />
+                                <h4>${item.name}</h4>
+                                <p>Price: ${item.price} EUR</p>
+                                <button class="add-to-cart" data-item-id="${item.item_id}">Add to Cart</button>
+                            </div>
+                        `;
+                        $("#items-container").append(itemHtml);
+                    });
+                } else {
+                    $("#items-container").append('<p>No items found in this category.</p>');
+                }
+            },
+            error: function () {
+                alert("Error loading items.");
+            }
+        });
+    }
+});