Inna
d612b7916c
Segunda isla de la home: la tabla de estado (nombre, online, login, hora, dirección) pasa de plantilla Django a componente React. - API: home_status_api -> /api/home/status/ (server_name, address, expansion, online_characters, status). Reutiliza check_server_status y get_online_characters_count de views/pages. - React: ServerStatus.tsx (fetch + reloj en vivo con setInterval, mismas clases CSS). El entry home.tsx ahora monta dos islas: #home-news-app y #home-status-app. - partials/noticias.html: la <table> de estado se sustituye por el contenedor. Verificado: check OK, ambos endpoints 200, la home monta las dos islas. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
54 lines
2.8 KiB
HTML
54 lines
2.8 KiB
HTML
{% load django_vite %}
|
|
<!-- main -->
|
|
<div class="main-page">
|
|
<div class="middle-content middle-content-index">
|
|
<div class="body-content">
|
|
<div class="title-content"><h1>{{ NOMBRE_SERVIDOR }} WOTLK 3.3.5A</h1></div>
|
|
<div class="box-content">
|
|
<div class="raf-index-holder">
|
|
<div class="right-content" id="right-content-min">
|
|
<div class="right-body">
|
|
<!-- Isla React (Vite): tabla de estado del servidor,
|
|
alimentada por /api/home/status/. Reloj en vivo en TSX. -->
|
|
<div id="home-status-app"></div>
|
|
</div>
|
|
<div class="raf-index-responsive"><a href="recruit-a-friend">¡RECLUTA A UN AMIGO!</a></div>
|
|
</div>
|
|
<div class="raf-index"><a href="recruit-a-friend">¡RECLUTA A UN AMIGO!</a></div>
|
|
</div>
|
|
<div class="body-box-content">
|
|
<div class="body-box-content">
|
|
<p>{{ NOMBRE_SERVIDOR }} es una comunidad enfocada en usuarios de habla hispana, especialmente dirigida al público español y latino.</p>
|
|
<p>Atraemos a usuarios apasionados tanto por el PvE como por el PvP, y ofrecemos una amplia variedad de contenido.</p>
|
|
<br />
|
|
<p>Nuestro objetivo principal es mantener una comunidad de alto nivel, brindando un ambiente agradable para que todos los miembros, nuevos y veteranos, encuentren aquí un lugar donde puedan vivir momentos inigualables.</p>
|
|
<p>¡Únete y disfruta de una experiencia única con miles de usuarios!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<script>
|
|
if ($("#live-stream").length > 0) {
|
|
$("#content-container").html("EN VIVO" );
|
|
$("#live-stream-div").show();
|
|
}
|
|
else {
|
|
$("#live-stream-div").hide();
|
|
}
|
|
</script>
|
|
<div class="title-content-h3">
|
|
<h3 class="big-font">NOTICIAS</h3>
|
|
</div>
|
|
<div class="box-content">
|
|
<div class="body-box-content">
|
|
<!-- Isla React (Vite): la lista de noticias se renderiza en TSX y se
|
|
alimenta del endpoint /api/home/news/. Migrado desde el bucle Django. -->
|
|
<div id="home-news-app"></div>
|
|
{% vite_asset 'src/entries/home.tsx' %}
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|