nickpons666/traduccion_bots
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(panel): panel web multilingüe con caché de traducciones en MySQL y soporte nest-asyncio

Browse Source
This commit is contained in:
nickpons666
2026-03-06 20:53:20 -06:00
parent 0c0a1811ef
commit 05858e26ab
7 changed files with 230 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
botdiscord/translate.py
View File

@@ -1,4 +1,6 @@
import aiohttp import aiohttp
import re
import asyncio
from botdiscord.config import get_libretranslate_url, get_languages from botdiscord.config import get_libretranslate_url, get_languages
from botdiscord.database import get_available_languages, get_bot_languages from botdiscord.database import get_available_languages, get_bot_languages
@@ -47,14 +49,6 @@ REVERSE_MAPPING = {}
FLAG_MAPPING = {} FLAG_MAPPING = {}
NAME_TO_CODE = {} NAME_TO_CODE = {}
import aiohttp
import re
import asyncio
from botdiscord.config import get_libretranslate_url, get_languages
from botdiscord.database import get_available_languages, get_bot_languages
# ... (mantener funciones load_lang_mappings y getters de mapping iguales)
async def _do_translate_request(session, url, text, target_code): async def _do_translate_request(session, url, text, target_code):
"""Función interna para realizar una única petición de traducción.""" """Función interna para realizar una única petición de traducción."""
# Verificamos si el segmento tiene al menos una letra de cualquier idioma # Verificamos si el segmento tiene al menos una letra de cualquier idioma
@@ -73,11 +67,8 @@ async def _do_translate_request(session, url, text, target_code):
if resp.status == 200: if resp.status == 200:
data = await resp.json() data = await resp.json()
translated = data.get("translatedText", text) translated = data.get("translatedText", text)
# Si el resultado es igual al original, puede ser que el motor fallara,
# devolvemos el texto original tal cual.
return translated return translated
else: else:
# En caso de error de API (404, 500, etc) devolvemos el original
return text return text
except Exception: except Exception:
return text return text
@@ -85,17 +76,12 @@ async def _do_translate_request(session, url, text, target_code):
async def translate_text(text: str, target_lang: str) -> str: async def translate_text(text: str, target_lang: str) -> str:
url = get_libretranslate_url() url = get_libretranslate_url()
if not url: if not url:
return "Error: URL de LibreTranslate no configurada" return text
target_code = NAME_TO_CODE.get(target_lang, target_lang) target_code = NAME_TO_CODE.get(target_lang, target_lang)
# Segmentación mejorada: # Segmentación mejorada
# Divide por signos de puntuación (. ! ?) o saltos de línea,
# permitiendo que después haya espacios, comas u otros signos.
# Usamos un grupo de captura para no perder los delimitadores.
segments = re.split(r'([.!?]+\s*|\n+)', text) segments = re.split(r'([.!?]+\s*|\n+)', text)
# Filtramos segmentos vacíos que puedan quedar tras el split
segments = [s for s in segments if s] segments = [s for s in segments if s]
async with aiohttp.ClientSession() as session: async with aiohttp.ClientSession() as session:
@@ -107,6 +93,26 @@ async def translate_text(text: str, target_lang: str) -> str:
return "".join(translated_segments) return "".join(translated_segments)
def translate_text_sync(text: str, target_lang: str) -> str:
"""Versión síncrona de translate_text para usar en filtros de Jinja2."""
if not text or not target_lang or target_lang == "es":
return text
try:
import nest_asyncio
nest_asyncio.apply()
except ImportError:
# Si no está instalado, no podemos usar el bridge en FastAPI
return text
try:
loop = asyncio.get_event_loop()
except RuntimeError:
loop = asyncio.new_event_loop()
asyncio.set_event_loop(loop)
return loop.run_until_complete(translate_text(text, target_lang))
def get_lang_mapping(bot_type: str = None) -> dict: def get_lang_mapping(bot_type: str = None) -> dict:
load_lang_mappings(bot_type) load_lang_mappings(bot_type)
return LANG_MAPPING.copy() return LANG_MAPPING.copy()
@@ -121,7 +127,6 @@ def get_flag_mapping(bot_type: str = None) -> dict:
def get_name_to_code(bot_type: str = None) -> dict: def get_name_to_code(bot_type: str = None) -> dict:
load_lang_mappings(bot_type) load_lang_mappings(bot_type)
print(f"[DEBUG] get_name_to_code returning: {NAME_TO_CODE}")
return NAME_TO_CODE.copy() return NAME_TO_CODE.copy()
def get_lang_flag(lang_code: str) -> str: def get_lang_flag(lang_code: str) -> str:

41
panel/main.py
View File

@@ -10,6 +10,8 @@ from fastapi.responses import RedirectResponse
from pydantic import BaseModel from pydantic import BaseModel
from botdiscord.config import load_config, get_web_config, get_libretranslate_url, get_db_type from botdiscord.config import load_config, get_web_config, get_libretranslate_url, get_db_type
from botdiscord.database import get_ui_translation, save_ui_translation
from botdiscord.translate import translate_text
app = FastAPI(title="Panel de Configuración - Bots de Traducción") app = FastAPI(title="Panel de Configuración - Bots de Traducción")
@@ -17,6 +19,45 @@ SCRIPT_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
templates = Jinja2Templates(directory=os.path.join(SCRIPT_DIR, "panel", "templates")) templates = Jinja2Templates(directory=os.path.join(SCRIPT_DIR, "panel", "templates"))
# Filtro de traducción para Jinja2
def translate_filter(text, lang="es"):
if lang == "es" or not text:
return text
# Buscamos en caché de la base de datos (acceso rápido)
from botdiscord.database import get_ui_translation, save_ui_translation
cached = get_ui_translation(text, lang)
if cached:
return cached
# Si no está en caché, traducimos de forma síncrona para la UI
from botdiscord.translate import translate_text_sync
translated = translate_text_sync(text, lang)
if translated and translated != text:
save_ui_translation(text, lang, translated)
return translated
templates.env.filters["translate"] = translate_filter
@app.get("/set-lang/{lang}")
async def set_lang(lang: str, request: Request):
# Validamos que el idioma sea de 2 letras
if len(lang) != 2:
return RedirectResponse(url="/dashboard")
response = RedirectResponse(url=request.headers.get("referer", "/dashboard"))
response.set_cookie(key="panel_lang", value=lang, max_age=31536000) # 1 año
return response
def get_panel_lang(request: Request):
lang = request.cookies.get("panel_lang")
if not lang:
accept_lang = request.headers.get("accept-language", "es")
lang = accept_lang.split(",")[0].split("-")[0]
return lang
class LoginForm(BaseModel): class LoginForm(BaseModel):
username: str username: str
password: str password: str

58
panel/templates/config.html
View File

@@ -1,9 +1,10 @@
{% set lang = request.cookies.get('panel_lang', 'es') %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="{{ lang }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Configuración - Bots de Traducción</title> <title>{{ "Configuración - Bots de Traducción" | translate(lang) }}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
</head> </head>
@@ -11,41 +12,51 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/dashboard"> <a class="navbar-brand" href="/dashboard">
<i class="bi bi-translate"></i> Bots de Traducción <i class="bi bi-translate"></i> {{ "Bots de Traducción" | translate(lang) }}
</a> </a>
<div class="d-flex"> <div class="d-flex align-items-center">
<a href="/dashboard" class="btn btn-outline-light btn-sm me-2">Dashboard</a> <div class="dropdown me-3">
<a href="/logout" class="btn btn-outline-light btn-sm">Cerrar Sesión</a> <button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
<i class="bi bi-translate"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item {{ 'active' if lang == 'es' }}" href="/set-lang/es">Español</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'en' }}" href="/set-lang/en">English</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'pt' }}" href="/set-lang/pt">Português</a></li>
</ul>
</div>
<a href="/dashboard" class="btn btn-outline-light btn-sm me-2">{{ "Dashboard" | translate(lang) }}</a>
<a href="/logout" class="btn btn-outline-light btn-sm">{{ "Cerrar Sesión" | translate(lang) }}</a>
</div> </div>
</div> </div>
</nav> </nav>
<div class="container mt-5"> <div class="container mt-5">
<h2 class="mb-4">⚙️ Configuración</h2> <h2 class="mb-4">⚙️ {{ "Configuración" | translate(lang) }}</h2>
<div class="alert alert-info"> <div class="alert alert-info">
<i class="bi bi-info-circle"></i> La configuración se lee desde las variables de entorno de Docker. <i class="bi bi-info-circle"></i> {{ "La configuración se lee desde las variables de entorno de Docker." | translate(lang) }}
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0"><i class="bi bi-discord"></i> Tokens de Bots</h5> <h5 class="mb-0"><i class="bi bi-discord"></i> {{ "Tokens de Bots" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Token de Discord</label> <label class="form-label">{{ "Token de Discord" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.discord.token }}" readonly> value="{{ config.discord.token }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Token de Telegram</label> <label class="form-label">{{ "Token de Telegram" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.telegram.token }}" readonly> value="{{ config.telegram.token }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">URL de LibreTranslate</label> <label class="form-label">{{ "URL de LibreTranslate" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.libretranslate.url }}" readonly> value="{{ config.libretranslate.url }}" readonly>
</div> </div>
@@ -56,21 +67,21 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0"><i class="bi bi-globe"></i> Panel Web</h5> <h5 class="mb-0"><i class="bi bi-globe"></i> {{ "Panel Web" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Usuario admin</label> <label class="form-label">{{ "Usuario admin" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.web.admin_username }}" readonly> value="{{ config.web.admin_username }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Host</label> <label class="form-label">{{ "Host" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.web.host }}" readonly> value="{{ config.web.host }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Puerto</label> <label class="form-label">{{ "Puerto" | translate(lang) }}</label>
<input type="number" class="form-control" <input type="number" class="form-control"
value="{{ config.web.port }}" readonly> value="{{ config.web.port }}" readonly>
</div> </div>
@@ -83,39 +94,39 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0"><i class="bi bi-database"></i> Base de Datos</h5> <h5 class="mb-0"><i class="bi bi-database"></i> {{ "Base de Datos" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Tipo de Base de Datos</label> <label class="form-label">{{ "Tipo de Base de Datos" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.database.type|upper }}" readonly> value="{{ config.database.type|upper }}" readonly>
</div> </div>
{% if config.database.type == 'mysql' %} {% if config.database.type == 'mysql' %}
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Host MySQL</label> <label class="form-label">{{ "Host MySQL" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.database.host }}" readonly> value="{{ config.database.host }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Puerto MySQL</label> <label class="form-label">{{ "Puerto MySQL" | translate(lang) }}</label>
<input type="number" class="form-control" <input type="number" class="form-control"
value="{{ config.database.port }}" readonly> value="{{ config.database.port }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Usuario MySQL</label> <label class="form-label">{{ "Usuario MySQL" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.database.user }}" readonly> value="{{ config.database.user }}" readonly>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Nombre de Base de Datos</label> <label class="form-label">{{ "Nombre de Base de Datos" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.database.name }}" readonly> value="{{ config.database.name }}" readonly>
</div> </div>
{% else %} {% else %}
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Ruta de la base de datos</label> <label class="form-label">{{ "Ruta de la base de datos" | translate(lang) }}</label>
<input type="text" class="form-control" <input type="text" class="form-control"
value="{{ config.database.path }}" readonly> value="{{ config.database.path }}" readonly>
</div> </div>
@@ -125,5 +136,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

67
panel/templates/dashboard.html
View File

@@ -1,9 +1,10 @@
{% set lang = request.cookies.get('panel_lang', 'es') %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="{{ lang }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard - Bots de Traducción</title> <title>{{ "Dashboard - Bots de Traducción" | translate(lang) }}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
</head> </head>
@@ -11,24 +12,35 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/dashboard"> <a class="navbar-brand" href="/dashboard">
<i class="bi bi-translate"></i> Bots de Traducción <i class="bi bi-translate"></i> {{ "Bots de Traducción" | translate(lang) }}
</a> </a>
<div class="d-flex">
<a href="/logout" class="btn btn-outline-light btn-sm">Cerrar Sesión</a> <div class="d-flex align-items-center">
<div class="dropdown me-3">
<button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
<i class="bi bi-translate"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item {{ 'active' if lang == 'es' }}" href="/set-lang/es">Español</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'en' }}" href="/set-lang/en">English</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'pt' }}" href="/set-lang/pt">Português</a></li>
</ul>
</div>
<a href="/logout" class="btn btn-outline-light btn-sm">{{ "Cerrar Sesión" | translate(lang) }}</a>
</div> </div>
</div> </div>
</nav> </nav>
<div class="container mt-5"> <div class="container mt-5">
<h2 class="mb-4">📊 Dashboard</h2> <h2 class="mb-4">📊 {{ "Dashboard" | translate(lang) }}</h2>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="card text-white bg-primary mb-3"> <div class="card text-white bg-primary mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><i class="bi bi-discord"></i> Discord</h5> <h5 class="card-title"><i class="bi bi-discord"></i> Discord</h5>
<p class="card-text">Bot de traducción para servidores de Discord</p> <p class="card-text">{{ "Bot de traducción para servidores de Discord" | translate(lang) }}</p>
<a href="/config" class="btn btn-light btn-sm">Configurar</a> <a href="/config" class="btn btn-light btn-sm">{{ "Configurar" | translate(lang) }}</a>
</div> </div>
</div> </div>
</div> </div>
@@ -37,8 +49,8 @@
<div class="card text-white bg-info mb-3"> <div class="card text-white bg-info mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><i class="bi bi-telegram"></i> Telegram</h5> <h5 class="card-title"><i class="bi bi-telegram"></i> Telegram</h5>
<p class="card-text">Bot de traducción para grupos de Telegram</p> <p class="card-text">{{ "Bot de traducción para grupos de Telegram" | translate(lang) }}</p>
<a href="/config" class="btn btn-light btn-sm">Configurar</a> <a href="/config" class="btn btn-light btn-sm">{{ "Configurar" | translate(lang) }}</a>
</div> </div>
</div> </div>
</div> </div>
@@ -46,9 +58,9 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="card text-white bg-success mb-3"> <div class="card text-white bg-success mb-3">
<div class="card-body"> <div class="card-body">
<h5 class="card-title"><i class="bi bi-globe"></i> Idiomas</h5> <h5 class="card-title"><i class="bi bi-globe"></i> {{ "Idiomas" | translate(lang) }}</h5>
<p class="card-text">Administrar idiomas disponibles</p> <p class="card-text">{{ "Administrar idiomas disponibles" | translate(lang) }}</p>
<a href="/languages" class="btn btn-light btn-sm">Administrar</a> <a href="/languages" class="btn btn-light btn-sm">{{ "Administrar" | translate(lang) }}</a>
</div> </div>
</div> </div>
</div> </div>
@@ -56,46 +68,46 @@
<div class="card mt-4"> <div class="card mt-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0">📋 Estado de Configuración</h5> <h5 class="mb-0">📋 {{ "Estado de Configuración" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<tr> <tr>
<th>Token Discord</th> <th>{{ "Token Discord" | translate(lang) }}</th>
<td>{{ '✅ Configurado' if config.discord.token and config.discord.token != 'TU_DISCORD_BOT_TOKEN' else '❌ No configurado' }}</td> <td>{{ '✅ Configurado' | translate(lang) if config.discord.token and config.discord.token != 'TU_DISCORD_BOT_TOKEN' else '❌ No configurado' | translate(lang) }}</td>
</tr> </tr>
<tr> <tr>
<th>Token Telegram</th> <th>{{ "Token Telegram" | translate(lang) }}</th>
<td>{{ '✅ Configurado' if config.telegram.token and config.telegram.token != 'TU_TELEGRAM_BOT_TOKEN' else '❌ No configurado' }}</td> <td>{{ '✅ Configurado' | translate(lang) if config.telegram.token and config.telegram.token != 'TU_TELEGRAM_BOT_TOKEN' else '❌ No configurado' | translate(lang) }}</td>
</tr> </tr>
<tr> <tr>
<th>LibreTranslate URL</th> <th>{{ "LibreTranslate URL" | translate(lang) }}</th>
<td>{{ config.libretranslate.url if config.libretranslate.url else '❌ No configurado' }}</td> <td>{{ config.libretranslate.url if config.libretranslate.url else '❌ No configurado' | translate(lang) }}</td>
</tr> </tr>
<tr> <tr>
<th>Idiomas activos</th> <th>{{ "Idiomas activos" | translate(lang) }}</th>
<td>{{ config.languages.enabled|length }} idiomas</td> <td>{{ config.languages.enabled|length }} {{ "idiomas" | translate(lang) }}</td>
</tr> </tr>
<tr> <tr>
<th>Tipo de Base de Datos</th> <th>{{ "Tipo de Base de Datos" | translate(lang) }}</th>
<td>{{ config.database.type|upper }}</td> <td>{{ config.database.type|upper }}</td>
</tr> </tr>
{% if config.database.type == 'mysql' %} {% if config.database.type == 'mysql' %}
<tr> <tr>
<th>Host MySQL</th> <th>{{ "Host MySQL" | translate(lang) }}</th>
<td>{{ config.database.host }}:{{ config.database.port }}</td> <td>{{ config.database.host }}:{{ config.database.port }}</td>
</tr> </tr>
<tr> <tr>
<th>Base de Datos</th> <th>{{ "Base de Datos" | translate(lang) }}</th>
<td>{{ config.database.name }}</td> <td>{{ config.database.name }}</td>
</tr> </tr>
<tr> <tr>
<th>Usuario MySQL</th> <th>{{ "Usuario MySQL" | translate(lang) }}</th>
<td>{{ config.database.user }}</td> <td>{{ config.database.user }}</td>
</tr> </tr>
{% else %} {% else %}
<tr> <tr>
<th>Ruta SQLite</th> <th>{{ "Ruta SQLite" | translate(lang) }}</th>
<td>{{ config.database.path }}</td> <td>{{ config.database.path }}</td>
</tr> </tr>
{% endif %} {% endif %}
@@ -103,5 +115,6 @@
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

121
panel/templates/languages.html
View File

@@ -1,9 +1,10 @@
{% set lang = request.cookies.get('panel_lang', 'es') %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="{{ lang }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Idiomas - Bots de Traducción</title> <title>{{ "Idiomas - Bots de Traducción" | translate(lang) }}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
</head> </head>
@@ -11,11 +12,21 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-dark"> <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="/dashboard"> <a class="navbar-brand" href="/dashboard">
<i class="bi bi-translate"></i> Bots de Traducción <i class="bi bi-translate"></i> {{ "Bots de Traducción" | translate(lang) }}
</a> </a>
<div class="d-flex"> <div class="d-flex align-items-center">
<a href="/dashboard" class="btn btn-outline-light btn-sm me-2">Dashboard</a> <div class="dropdown me-3">
<a href="/logout" class="btn btn-outline-light btn-sm">Cerrar Sesión</a> <button class="btn btn-outline-light btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown">
<i class="bi bi-translate"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li><a class="dropdown-item {{ 'active' if lang == 'es' }}" href="/set-lang/es">Español</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'en' }}" href="/set-lang/en">English</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'pt' }}" href="/set-lang/pt">Português</a></li>
</ul>
</div>
<a href="/dashboard" class="btn btn-outline-light btn-sm me-2">{{ "Dashboard" | translate(lang) }}</a>
<a href="/logout" class="btn btn-outline-light btn-sm">{{ "Cerrar Sesión" | translate(lang) }}</a>
</div> </div>
</div> </div>
</nav> </nav>
@@ -24,7 +35,7 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Seleccionar Bandera</h5> <h5 class="modal-title">{{ "Seleccionar Bandera" | translate(lang) }}</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button> <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
@@ -35,63 +46,63 @@
</div> </div>
<div class="container mt-5"> <div class="container mt-5">
<h2 class="mb-4">🌍 Gestión de Idiomas</h2> <h2 class="mb-4">🌍 {{ "Gestión de Idiomas" | translate(lang) }}</h2>
{% if request.query_params.get('success') %} {% if request.query_params.get('success') %}
<div class="alert alert-success">Configuración guardada correctamente.</div> <div class="alert alert-success">{{ "Configuración guardada correctamente." | translate(lang) }}</div>
{% endif %} {% endif %}
{% if request.query_params.get('synced') %} {% if request.query_params.get('synced') %}
<div class="alert alert-success">Idiomas sincronizados desde LibreTranslate.</div> <div class="alert alert-success">{{ "Idiomas sincronizados desde LibreTranslate." | translate(lang) }}</div>
{% endif %} {% endif %}
{% if request.query_params.get('error') %} {% if request.query_params.get('error') %}
<div class="alert alert-danger">Error al sincronizar. Verifica la URL de LibreTranslate.</div> <div class="alert alert-danger">{{ "Error al sincronizar. Verifica la URL de LibreTranslate." | translate(lang) }}</div>
{% endif %} {% endif %}
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header d-flex justify-content-between align-items-center"> <div class="card-header d-flex justify-content-between align-items-center">
<h5 class="mb-0"><i class="bi bi-cloud-download"></i> Sincronizar con LibreTranslate</h5> <h5 class="mb-0"><i class="bi bi-cloud-download"></i> {{ "Sincronizar con LibreTranslate" | translate(lang) }}</h5>
<form method="post" action="/languages/sync"> <form method="post" action="/languages/sync">
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn btn-primary">
<i class="bi bi-arrow-repeat"></i> Sincronizar idiomas <i class="bi bi-arrow-repeat"></i> {{ "Sincronizar idiomas" | translate(lang) }}
</button> </button>
</form> </form>
</div> </div>
<div class="card-body"> <div class="card-body">
<p class="text-muted">URL de LibreTranslate: <code>{{ libretranslate_url }}</code></p> <p class="text-muted">{{ "URL de LibreTranslate:" | translate(lang) }} <code>{{ libretranslate_url }}</code></p>
<p class="text-muted"> Idiomas disponibles: {{ available_languages|length }}</p> <p class="text-muted"> {{ "Idiomas disponibles:" | translate(lang) }} {{ available_languages|length }}</p>
</div> </div>
</div> </div>
{% if available_languages|length > 0 %} {% if available_languages|length > 0 %}
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0">🚩 Editar Banderas</h5> <h5 class="mb-0">🚩 {{ "Editar Banderas" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<form method="post" action="/languages/flags"> <form method="post" action="/languages/flags">
<p class="text-muted">Haz clic en el botón de bandera para seleccionar una, o escribe directamente el emoji.</p> <p class="text-muted">{{ "Haz clic en el botón de bandera para seleccionar una, o escribe directamente el emoji." | translate(lang) }}</p>
<div class="row"> <div class="row">
{% for lang in available_languages %} {% for lang_item in available_languages %}
<div class="col-md-4 col-sm-6 mb-3"> <div class="col-md-4 col-sm-6 mb-3">
<div class="input-group"> <div class="input-group">
<button type="button" class="btn btn-outline-secondary flag-btn" <button type="button" class="btn btn-outline-secondary flag-btn"
data-target="flag_{{ lang.code }}" data-target="flag_{{ lang_item.code }}"
style="font-size: 1.5rem;"> style="font-size: 1.5rem;">
{{ lang.flag if lang.flag else '🏳️' }} {{ lang_item.flag if lang_item.flag else '🏳️' }}
</button> </button>
<input type="text" class="form-control" <input type="text" class="form-control"
name="flag_{{ lang.code }}" name="flag_{{ lang_item.code }}"
id="flag_{{ lang.code }}" id="flag_{{ lang_item.code }}"
value="{{ lang.flag }}" value="{{ lang_item.flag }}"
placeholder="🇪🇸" placeholder="🇪🇸"
maxlength="10"> maxlength="10">
<span class="input-group-text">{{ lang.code }}</span> <span class="input-group-text">{{ lang_item.code }}</span>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<button type="submit" class="btn btn-warning mt-2"> <button type="submit" class="btn btn-warning mt-2">
<i class="bi bi-flag"></i> Guardar Banderas <i class="bi bi-flag"></i> {{ "Guardar Banderas" | translate(lang) }}
</button> </button>
</form> </form>
</div> </div>
@@ -102,27 +113,27 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header bg-primary text-white"> <div class="card-header bg-primary text-white">
<h5 class="mb-0"><i class="bi bi-discord"></i> Idiomas para Discord</h5> <h5 class="mb-0"><i class="bi bi-discord"></i> {{ "Idiomas para Discord" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<form method="post" action="/languages/bot"> <form method="post" action="/languages/bot">
<input type="hidden" name="bot_type" value="discord"> <input type="hidden" name="bot_type" value="discord">
{% if available_languages|length == 0 %} {% if available_languages|length == 0 %}
<p class="text-muted">No hay idiomas disponibles. Sincroniza primero.</p> <p class="text-muted">{{ "No hay idiomas disponibles. Sincroniza primero." | translate(lang) }}</p>
{% else %} {% else %}
{% for lang in available_languages %} {% for lang_item in available_languages %}
<div class="form-check d-flex align-items-center"> <div class="form-check d-flex align-items-center">
<input class="form-check-input" type="checkbox" <input class="form-check-input" type="checkbox"
name="lang_codes" value="{{ lang.code }}" name="lang_codes" value="{{ lang_item.code }}"
id="discord_{{ lang.code }}" id="discord_{{ lang_item.code }}"
{% if lang.code in discord_languages %}checked{% endif %}> {% if lang_item.code in discord_languages %}checked{% endif %}>
<label class="form-check-label ms-2" for="discord_{{ lang.code }}" style="font-size: 1.5rem;"> <label class="form-check-label ms-2" for="discord_{{ lang_item.code }}" style="font-size: 1.5rem;">
{{ lang.flag if lang.flag else '🏳️' }} {{ lang_item.flag if lang_item.flag else '🏳️' }}
</label> </label>
<span class="ms-2">{{ lang.name }} ({{ lang.code }})</span> <span class="ms-2">{{ lang_item.name }} ({{ lang_item.code }})</span>
</div> </div>
{% endfor %} {% endfor %}
<button type="submit" class="btn btn-primary mt-3">Guardar para Discord</button> <button type="submit" class="btn btn-primary mt-3">{{ "Guardar para Discord" | translate(lang) }}</button>
{% endif %} {% endif %}
</form> </form>
</div> </div>
@@ -132,27 +143,27 @@
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-header bg-info text-white"> <div class="card-header bg-info text-white">
<h5 class="mb-0"><i class="bi bi-telegram"></i> Idiomas para Telegram</h5> <h5 class="mb-0"><i class="bi bi-telegram"></i> {{ "Idiomas para Telegram" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<form method="post" action="/languages/bot"> <form method="post" action="/languages/bot">
<input type="hidden" name="bot_type" value="telegram"> <input type="hidden" name="bot_type" value="telegram">
{% if available_languages|length == 0 %} {% if available_languages|length == 0 %}
<p class="text-muted">No hay idiomas disponibles. Sincroniza primero.</p> <p class="text-muted">{{ "No hay idiomas disponibles. Sincroniza primero." | translate(lang) }}</p>
{% else %} {% else %}
{% for lang in available_languages %} {% for lang_item in available_languages %}
<div class="form-check d-flex align-items-center"> <div class="form-check d-flex align-items-center">
<input class="form-check-input" type="checkbox" <input class="form-check-input" type="checkbox"
name="lang_codes" value="{{ lang.code }}" name="lang_codes" value="{{ lang_item.code }}"
id="telegram_{{ lang.code }}" id="telegram_{{ lang_item.code }}"
{% if lang.code in telegram_languages %}checked{% endif %}> {% if lang_item.code in telegram_languages %}checked{% endif %}>
<label class="form-check-label ms-2" for="telegram_{{ lang.code }}" style="font-size: 1.5rem;"> <label class="form-check-label ms-2" for="telegram_{{ lang_item.code }}" style="font-size: 1.5rem;">
{{ lang.flag if lang.flag else '🏳️' }} {{ lang_item.flag if lang_item.flag else '🏳️' }}
</label> </label>
<span class="ms-2">{{ lang.name }} ({{ lang.code }})</span> <span class="ms-2">{{ lang_item.name }} ({{ lang_item.code }})</span>
</div> </div>
{% endfor %} {% endfor %}
<button type="submit" class="btn btn-info mt-3 text-white">Guardar para Telegram</button> <button type="submit" class="btn btn-info mt-3 text-white">{{ "Guardar para Telegram" | translate(lang) }}</button>
{% endif %} {% endif %}
</form> </form>
</div> </div>
@@ -163,34 +174,34 @@
{% if available_languages|length > 0 %} {% if available_languages|length > 0 %}
<div class="card mt-4"> <div class="card mt-4">
<div class="card-header"> <div class="card-header">
<h5 class="mb-0">📋 Idiomas disponibles en LibreTranslate</h5> <h5 class="mb-0">📋 {{ "Idiomas disponibles en LibreTranslate" | translate(lang) }}</h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<table class="table table-striped"> <table class="table table-striped">
<thead> <thead>
<tr> <tr>
<th>Bandera</th> <th>{{ "Bandera" | translate(lang) }}</th>
<th>Código</th> <th>{{ "Código" | translate(lang) }}</th>
<th>Nombre</th> <th>{{ "Nombre" | translate(lang) }}</th>
<th>Discord</th> <th>Discord</th>
<th>Telegram</th> <th>Telegram</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for lang in available_languages %} {% for lang_item in available_languages %}
<tr> <tr>
<td style="font-size: 1.5rem;">{{ lang.flag if lang.flag else '🏳️' }}</td> <td style="font-size: 1.5rem;">{{ lang_item.flag if lang_item.flag else '🏳️' }}</td>
<td><code>{{ lang.code }}</code></td> <td><code>{{ lang_item.code }}</code></td>
<td>{{ lang.name }}</td> <td>{{ lang_item.name }}</td>
<td> <td>
{% if lang.code in discord_languages %} {% if lang_item.code in discord_languages %}
<i class="bi bi-check-circle-fill text-success"></i> <i class="bi bi-check-circle-fill text-success"></i>
{% else %} {% else %}
<i class="bi bi-x-circle text-secondary"></i> <i class="bi bi-x-circle text-secondary"></i>
{% endif %} {% endif %}
</td> </td>
<td> <td>
{% if lang.code in telegram_languages %} {% if lang_item.code in telegram_languages %}
<i class="bi bi-check-circle-fill text-success"></i> <i class="bi bi-check-circle-fill text-success"></i>
{% else %} {% else %}
<i class="bi bi-x-circle text-secondary"></i> <i class="bi bi-x-circle text-secondary"></i>

30
panel/templates/login.html
View File

@@ -1,36 +1,52 @@
{% set lang = request.cookies.get('panel_lang', 'es') %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="es"> <html lang="{{ lang }}">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bots de Traducción - Login</title> <title>{{ "Bots de Traducción - Login" | translate(lang) }}</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
<style> <style>
body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; } body { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; }
.login-card { max-width: 400px; margin: 100px auto; } .login-card { max-width: 400px; margin: 100px auto; }
.lang-selector { position: fixed; top: 20px; right: 20px; }
</style> </style>
</head> </head>
<body> <body>
<div class="lang-selector">
<div class="dropdown">
<button class="btn btn-light dropdown-toggle" type="button" data-bs-toggle="dropdown">
<i class="bi bi-translate"></i>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item {{ 'active' if lang == 'es' }}" href="/set-lang/es">Español</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'en' }}" href="/set-lang/en">English</a></li>
<li><a class="dropdown-item {{ 'active' if lang == 'pt' }}" href="/set-lang/pt">Português</a></li>
</ul>
</div>
</div>
<div class="container"> <div class="container">
<div class="card login-card shadow"> <div class="card login-card shadow">
<div class="card-body"> <div class="card-body">
<h3 class="text-center mb-4">🔐 Panel de Configuración</h3> <h3 class="text-center mb-4">🔐 {{ "Panel de Configuración" | translate(lang) }}</h3>
{% if error %} {% if error %}
<div class="alert alert-danger">{{ error }}</div> <div class="alert alert-danger">{{ error | translate(lang) }}</div>
{% endif %} {% endif %}
<form method="post"> <form method="post">
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Usuario</label> <label class="form-label">{{ "Usuario" | translate(lang) }}</label>
<input type="text" name="username" class="form-control" required> <input type="text" name="username" class="form-control" required>
</div> </div>
<div class="mb-3"> <div class="mb-3">
<label class="form-label">Contraseña</label> <label class="form-label">{{ "Contraseña" | translate(lang) }}</label>
<input type="password" name="password" class="form-control" required> <input type="password" name="password" class="form-control" required>
</div> </div>
<button type="submit" class="btn btn-primary w-100">Iniciar Sesión</button> <button type="submit" class="btn btn-primary w-100">{{ "Iniciar Sesión" | translate(lang) }}</button>
</form> </form>
</div> </div>
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body> </body>
</html> </html>

1
requirements.txt
View File

@@ -9,3 +9,4 @@ pydantic>=2.0.0
python-dotenv>=1.0.0 python-dotenv>=1.0.0
python-multipart>=0.0.9 python-multipart>=0.0.9
mysql-connector-python>=8.0.0 mysql-connector-python>=8.0.0
nest-asyncio