Add 'Ver tablas' button to list Firebird tables

This commit is contained in:
Lizandro Guarnizo
2026-06-18 09:30:27 -05:00
parent c589090110
commit 71c94375b3
2 changed files with 400 additions and 345 deletions
+228 -193
View File
@@ -1,193 +1,228 @@
from fastapi import APIRouter, Request, Form, Depends from fastapi import APIRouter, Request, Form, Depends
from fastapi.responses import RedirectResponse, JSONResponse from fastapi.responses import RedirectResponse, JSONResponse
from app.database import get_connection from app.database import get_connection
from app.auth import get_current_user from app.auth import get_current_user
from app.models import QueryCreate from app.models import QueryCreate
router = APIRouter(prefix="/queries", tags=["queries"]) router = APIRouter(prefix="/queries", tags=["queries"])
QUERY_DEFAULTS = [ QUERY_DEFAULTS = [
{ {
"name": "Terceros - Datos del paciente", "name": "Terceros - Datos del paciente",
"query_type": "terceros", "query_type": "terceros",
"query_text": """SELECT "query_text": """SELECT␍
p.TIPO_DOCUMENTO as tipo_documento, p.TIPO_DOCUMENTO as tipo_documento,
p.NUMERO_DOCUMENTO as numero_documento, p.NUMERO_DOCUMENTO as numero_documento,
p.PRIMER_NOMBRE as primer_nombre, p.PRIMER_NOMBRE as primer_nombre,
p.SEGUNDO_NOMBRE as segundo_nombre, p.SEGUNDO_NOMBRE as segundo_nombre,
p.PRIMER_APELLIDO as primer_apellido, p.PRIMER_APELLIDO as primer_apellido,
p.SEGUNDO_APELLIDO as segundo_apellido, p.SEGUNDO_APELLIDO as segundo_apellido,
p.FECHA_NACIMIENTO as fecha_nacimiento, p.FECHA_NACIMIENTO as fecha_nacimiento,
p.SEXO as cod_sexo, p.SEXO as cod_sexo,
p.COD_ENTIDAD as cod_entidad, p.COD_ENTIDAD as cod_entidad,
p.TIPO_USUARIO as tipo_usuario, p.TIPO_USUARIO as tipo_usuario,
p.COD_MUNICIPIO as cod_municipio, p.COD_MUNICIPIO as cod_municipio,
p.ZONA as cod_zona, p.ZONA as cod_zona,
p.DIRECCION as direccion p.DIRECCION as direccion
FROM USUAHOS p FROM USUAHOS p
WHERE p.NUMERO_DOCUMENTO = :doc_num""", WHERE p.NUMERO_DOCUMENTO = :doc_num""",
"description": "Consulta datos maestros del paciente por documento" "description": "Consulta datos maestros del paciente por documento"
}, },
{ {
"name": "Procedimientos por factura", "name": "Procedimientos por factura",
"query_type": "transaccion", "query_type": "transaccion",
"query_text": """SELECT "query_text": """SELECT␍
s.CODIGO_CUP as cod_procedimiento, s.CODIGO_CUP as cod_procedimiento,
s.FECHA_ATENCION as fecha_atencion, s.FECHA_ATENCION as fecha_atencion,
s.COD_DIAGNOSTICO as cod_diagnostico, s.COD_DIAGNOSTICO as cod_diagnostico,
s.FINALIDAD as finalidad, s.FINALIDAD as finalidad,
s.VIA_INGRESO as via_ingreso, s.VIA_INGRESO as via_ingreso,
s.MODALIDAD as modalidad, s.MODALIDAD as modalidad,
s.GRUPO_SERVICIO as grupo_servicio, s.GRUPO_SERVICIO as grupo_servicio,
s.COD_SERVICIO as cod_servicio, s.COD_SERVICIO as cod_servicio,
s.COD_PRESTADOR as cod_prestador, s.COD_PRESTADOR as cod_prestador,
s.TIPO_DOC_PROFESIONAL as tipo_doc_profesional, s.TIPO_DOC_PROFESIONAL as tipo_doc_profesional,
s.NUM_DOC_PROFESIONAL as num_doc_profesional, s.NUM_DOC_PROFESIONAL as num_doc_profesional,
s.VR_SERVICIO as vr_servicio, s.VR_SERVICIO as vr_servicio,
s.VALOR_PAGO_MODERADOR as valor_pago_moderador, s.VALOR_PAGO_MODERADOR as valor_pago_moderador,
s.CONCEPTO_RECAUDO as concepto_recaudo, s.CONCEPTO_RECAUDO as concepto_recaudo,
s.NUM_AUTORIZACION as num_autorizacion s.NUM_AUTORIZACION as num_autorizacion
FROM SERVICIOS s FROM SERVICIOS s
WHERE s.NUM_FACTURA = :factura WHERE s.NUM_FACTURA = :factura
AND s.FECHA_ATENCION BETWEEN :fecha_ini AND :fecha_fin""", AND s.FECHA_ATENCION BETWEEN :fecha_ini AND :fecha_fin""",
"description": "Consulta procedimientos por factura y rango de fechas" "description": "Consulta procedimientos por factura y rango de fechas"
}, },
{ {
"name": "Procedimientos por fecha", "name": "Procedimientos por fecha",
"query_type": "transaccion", "query_type": "transaccion",
"query_text": """SELECT "query_text": """SELECT␍
s.FACTURA as num_factura, s.FACTURA as num_factura,
s.CODIGO_CUP as cod_procedimiento, s.CODIGO_CUP as cod_procedimiento,
s.FECHA_ATENCION as fecha_atencion, s.FECHA_ATENCION as fecha_atencion,
s.COD_DIAGNOSTICO as cod_diagnostico, s.COD_DIAGNOSTICO as cod_diagnostico,
s.FINALIDAD as finalidad, s.FINALIDAD as finalidad,
s.VIA_INGRESO as via_ingreso, s.VIA_INGRESO as via_ingreso,
s.MODALIDAD as modalidad, s.MODALIDAD as modalidad,
s.GRUPO_SERVICIO as grupo_servicio, s.GRUPO_SERVICIO as grupo_servicio,
s.COD_SERVICIO as cod_servicio, s.COD_SERVICIO as cod_servicio,
s.COD_PRESTADOR as cod_prestador, s.COD_PRESTADOR as cod_prestador,
s.TIPO_DOC_PROFESIONAL as tipo_doc_profesional, s.TIPO_DOC_PROFESIONAL as tipo_doc_profesional,
s.NUM_DOC_PROFESIONAL as num_doc_profesional, s.NUM_DOC_PROFESIONAL as num_doc_profesional,
s.VR_SERVICIO as vr_servicio, s.VR_SERVICIO as vr_servicio,
p.TIPO_DOCUMENTO as tipo_doc_paciente, p.TIPO_DOCUMENTO as tipo_doc_paciente,
p.NUMERO_DOCUMENTO as num_doc_paciente p.NUMERO_DOCUMENTO as num_doc_paciente
FROM SERVICIOS s FROM SERVICIOS s
JOIN USUAHOS p ON s.COD_PACIENTE = p.COD_PACIENTE JOIN USUAHOS p ON s.COD_PACIENTE = p.COD_PACIENTE
WHERE s.FECHA_ATENCION BETWEEN :fecha_ini AND :fecha_fin""", WHERE s.FECHA_ATENCION BETWEEN :fecha_ini AND :fecha_fin""",
"description": "Consulta todos los procedimientos en rango de fechas" "description": "Consulta todos los procedimientos en rango de fechas"
}, },
] ]
def ensure_defaults(): def ensure_defaults():
conn = get_connection() conn = get_connection()
for q in QUERY_DEFAULTS: for q in QUERY_DEFAULTS:
exists = conn.execute( exists = conn.execute(
"SELECT id FROM queries WHERE name = ?", (q["name"],) "SELECT id FROM queries WHERE name = ?", (q["name"],)
).fetchone() ).fetchone()
if not exists: if not exists:
conn.execute( conn.execute(
"INSERT INTO queries (name, query_type, query_text, description) VALUES (?, ?, ?, ?)", "INSERT INTO queries (name, query_type, query_text, description) VALUES (?, ?, ?, ?)",
(q["name"], q["query_type"], q["query_text"], q["description"]), (q["name"], q["query_type"], q["query_text"], q["description"]),
) )
conn.commit() conn.commit()
conn.close() conn.close()
@router.get("") @router.get("")
async def queries_page(request: Request, user: dict = Depends(get_current_user)): async def queries_page(request: Request, user: dict = Depends(get_current_user)):
ensure_defaults() ensure_defaults()
conn = get_connection() conn = get_connection()
queries = conn.execute("SELECT * FROM queries ORDER BY query_type, name").fetchall() queries = conn.execute("SELECT * FROM queries ORDER BY query_type, name").fetchall()
conn.close() conn.close()
return request.app.state.templates.TemplateResponse("queries.html", { return request.app.state.templates.TemplateResponse("queries.html", {
"request": request, "user": user, "queries": queries "request": request, "user": user, "queries": queries
}) })
@router.post("/create") @router.post("/create")
async def query_create( async def query_create(
request: Request, request: Request,
user: dict = Depends(get_current_user), user: dict = Depends(get_current_user),
name: str = Form(...), name: str = Form(...),
query_type: str = Form(...), query_type: str = Form(...),
query_text: str = Form(...), query_text: str = Form(...),
description: str = Form(""), description: str = Form(""),
): ):
conn = get_connection() conn = get_connection()
conn.execute( conn.execute(
"INSERT INTO queries (name, query_type, query_text, description) VALUES (?, ?, ?, ?)", "INSERT INTO queries (name, query_type, query_text, description) VALUES (?, ?, ?, ?)",
(name, query_type, query_text, description), (name, query_type, query_text, description),
) )
conn.commit() conn.commit()
conn.close() conn.close()
return RedirectResponse("/queries", status_code=302) return RedirectResponse("/queries", status_code=302)
@router.post("/update/{query_id}") @router.post("/update/{query_id}")
async def query_update( async def query_update(
query_id: int, query_id: int,
request: Request, request: Request,
user: dict = Depends(get_current_user), user: dict = Depends(get_current_user),
name: str = Form(...), name: str = Form(...),
query_text: str = Form(...), query_text: str = Form(...),
description: str = Form(""), description: str = Form(""),
): ):
conn = get_connection() conn = get_connection()
conn.execute( conn.execute(
"UPDATE queries SET name = ?, query_text = ?, description = ? WHERE id = ?", "UPDATE queries SET name = ?, query_text = ?, description = ? WHERE id = ?",
(name, query_text, description, query_id), (name, query_text, description, query_id),
) )
conn.commit() conn.commit()
conn.close() conn.close()
return RedirectResponse("/queries", status_code=302) return RedirectResponse("/queries", status_code=302)
@router.post("/delete/{query_id}") @router.post("/delete/{query_id}")
async def query_delete(query_id: int, user: dict = Depends(get_current_user)): async def query_delete(query_id: int, user: dict = Depends(get_current_user)):
conn = get_connection() conn = get_connection()
conn.execute("DELETE FROM queries WHERE id = ?", (query_id,)) conn.execute("DELETE FROM queries WHERE id = ?", (query_id,))
conn.commit() conn.commit()
conn.close() conn.close()
return RedirectResponse("/queries", status_code=302) return RedirectResponse("/queries", status_code=302)
@router.post("/test") @router.post("/tablas")
async def query_test( async def listar_tablas(user: dict = Depends(get_current_user)):
request: Request, from app.services.firebird_service import FirebirdService
query_id: int = Form(...), conn = get_connection()
user: dict = Depends(get_current_user), configs = {row["key"]: row["value"] for row in conn.execute("SELECT * FROM config").fetchall()}
): conn.close()
from app.services.firebird_service import FirebirdService
fb = FirebirdService()
conn = get_connection() fb_success, fb_msg = fb.connect(
q = conn.execute("SELECT * FROM queries WHERE id = ?", (query_id,)).fetchone() configs.get("firebird_host", "localhost"),
configs = {row["key"]: row["value"] for row in conn.execute("SELECT * FROM config").fetchall()} int(configs.get("firebird_port", 3050)),
conn.close() configs.get("firebird_database", ""),
configs.get("firebird_user", "SYSDBA"),
if not q: configs.get("firebird_password", "masterkey"),
return JSONResponse({"error": "Consulta no encontrada"}, status_code=404) )
if not fb_success:
fb = FirebirdService() return JSONResponse({"error": f"Error Firebird: {fb_msg}"}, status_code=400)
fb_success, fb_msg = fb.connect(
configs.get("firebird_host", "localhost"), success, fb_err, rows = fb.execute_query("""
int(configs.get("firebird_port", 3050)), SELECT RDB$RELATION_NAME as nombre␍
configs.get("firebird_database", ""), FROM RDB$RELATIONS␍
configs.get("firebird_user", "SYSDBA"), WHERE RDB$SYSTEM_FLAG = 0␍
configs.get("firebird_password", "masterkey"), AND RDB$RELATION_NAME NOT LIKE 'RDB$%'
) ORDER BY 1␍
if not fb_success: """, {})
return JSONResponse({"error": f"Error Firebird: {fb_msg}"}, status_code=400) fb.disconnect()
success, fb_err, rows = fb.execute_query(q["query_text"], {}) if not success:
fb.disconnect() return JSONResponse({"error": fb_err}, status_code=400)
if not success: return JSONResponse({
return JSONResponse({"error": fb_err}, status_code=400) "tablas": [r["NOMBRE"].strip() for r in rows]
})
limit = rows[:20] if rows else []
return JSONResponse({
"rows": limit, @router.post("/test")
"total": len(rows), async def query_test(
"columns": list(limit[0].keys()) if limit else [] request: Request,
}) query_id: int = Form(...),
user: dict = Depends(get_current_user),
):
from app.services.firebird_service import FirebirdService
conn = get_connection()
q = conn.execute("SELECT * FROM queries WHERE id = ?", (query_id,)).fetchone()
configs = {row["key"]: row["value"] for row in conn.execute("SELECT * FROM config").fetchall()}
conn.close()
if not q:
return JSONResponse({"error": "Consulta no encontrada"}, status_code=404)
fb = FirebirdService()
fb_success, fb_msg = fb.connect(
configs.get("firebird_host", "localhost"),
int(configs.get("firebird_port", 3050)),
configs.get("firebird_database", ""),
configs.get("firebird_user", "SYSDBA"),
configs.get("firebird_password", "masterkey"),
)
if not fb_success:
return JSONResponse({"error": f"Error Firebird: {fb_msg}"}, status_code=400)
success, fb_err, rows = fb.execute_query(q["query_text"], {})
fb.disconnect()
if not success:
return JSONResponse({"error": fb_err}, status_code=400)
limit = rows[:20] if rows else []
return JSONResponse({
"rows": limit,
"total": len(rows),
"columns": list(limit[0].keys()) if limit else []
})
+172 -152
View File
@@ -1,152 +1,172 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block title %}Consultas SQL{% endblock %} {% block title %}Consultas SQL{% endblock %}
{% block header %}Consultas SQL{% endblock %} {% block header %}Consultas SQL{% endblock %}
{% block content %} {% block content %}
<div class="grid grid-cols-1 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
<div class="lg:col-span-1"> <div class="lg:col-span-1">
<div class="bg-white rounded-xl shadow-sm border border-gray-200"> <div class="bg-white rounded-xl shadow-sm border border-gray-200">
<div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between"> <div class="px-6 py-4 border-b border-gray-200 flex items-center justify-between">
<h3 class="font-semibold text-gray-800"><i class="fas fa-list mr-2 text-blue-500"></i>Mis Consultas</h3> <h3 class="font-semibold text-gray-800"><i class="fas fa-list mr-2 text-blue-500"></i>Mis Consultas</h3>
<button onclick="document.getElementById('modal-new-query').classList.remove('hidden')" <button onclick="document.getElementById('modal-new-query').classList.remove('hidden')"
class="text-blue-600 hover:text-blue-800"><i class="fas fa-plus"></i></button> class="text-blue-600 hover:text-blue-800"><i class="fas fa-plus"></i></button>
</div> </div>
<div class="p-4 space-y-2"> <div class="p-4 space-y-2">
{% for q in queries %} {% for q in queries %}
<div class="p-3 rounded-lg border border-gray-200 hover:border-blue-300"> <div class="p-3 rounded-lg border border-gray-200 hover:border-blue-300">
<div onclick="editQuery({{ q.id }}, '{{ q.name }}', '{{ q.query_type }}', `{{ q.query_text|e }}`, `{{ q.description|e }}`)" class="cursor-pointer"> <div onclick="editQuery({{ q.id }}, '{{ q.name }}', '{{ q.query_type }}', `{{ q.query_text|e }}`, `{{ q.description|e }}`)" class="cursor-pointer">
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<span class="font-medium text-sm text-gray-800">{{ q.name }}</span> <span class="font-medium text-sm text-gray-800">{{ q.name }}</span>
<span class="px-2 py-0.5 rounded text-xs font-medium {% if q.query_type == 'terceros' %}bg-blue-100 text-blue-700{% else %}bg-purple-100 text-purple-700{% endif %}"> <span class="px-2 py-0.5 rounded text-xs font-medium {% if q.query_type == 'terceros' %}bg-blue-100 text-blue-700{% else %}bg-purple-100 text-purple-700{% endif %}">
{{ q.query_type }} {{ q.query_type }}
</span> </span>
</div> </div>
<p class="text-xs text-gray-500 mt-1 truncate">{{ q.description or 'Sin descripción' }}</p> <p class="text-xs text-gray-500 mt-1 truncate">{{ q.description or 'Sin descripción' }}</p>
</div> </div>
<button onclick="ejecutarTest(this, {{ q.id }})" class="mt-2 text-xs text-green-600 hover:text-green-800"> <button onclick="ejecutarTest(this, {{ q.id }})" class="mt-2 text-xs text-green-600 hover:text-green-800">
<i class="fas fa-play mr-1"></i> Probar <i class="fas fa-play mr-1"></i> Probar
</button> </button>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div> </div>
<div class="lg:col-span-2"> <div class="lg:col-span-2">
<div class="bg-white rounded-xl shadow-sm border border-gray-200"> <div class="bg-white rounded-xl shadow-sm border border-gray-200">
<div class="px-6 py-4 border-b border-gray-200"> <div class="px-6 py-4 border-b border-gray-200">
<h3 class="font-semibold text-gray-800"><i class="fas fa-code mr-2 text-blue-500"></i>Editor SQL</h3> <h3 class="font-semibold text-gray-800"><i class="fas fa-code mr-2 text-blue-500"></i>Editor SQL</h3>
</div> </div>
<div class="p-6"> <div class="p-6">
<form method="POST" action="/queries/create" class="space-y-4"> <form method="POST" action="/queries/create" class="space-y-4">
<input type="hidden" name="query_id" id="query_id" value=""> <input type="hidden" name="query_id" id="query_id" value="">
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-1">Nombre</label> <label class="block text-sm font-medium text-gray-700 mb-1">Nombre</label>
<input type="text" name="name" id="q_name" required <input type="text" name="name" id="q_name" required
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm" placeholder="Nombre descriptivo"> class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm" placeholder="Nombre descriptivo">
</div> </div>
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-1">Tipo</label> <label class="block text-sm font-medium text-gray-700 mb-1">Tipo</label>
<select name="query_type" id="q_type" <select name="query_type" id="q_type"
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"> class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm">
<option value="terceros">Terceros (datos paciente)</option> <option value="terceros">Terceros (datos paciente)</option>
<option value="transaccion">Transacción (procedimientos)</option> <option value="transaccion">Transacción (procedimientos)</option>
</select> </select>
</div> </div>
</div> </div>
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-1">Consulta SQL</label> <label class="block text-sm font-medium text-gray-700 mb-1">Consulta SQL</label>
<textarea name="query_text" id="q_text" rows="10" required <textarea name="query_text" id="q_text" rows="10" required
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm font-mono bg-gray-50" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm font-mono bg-gray-50"
placeholder="SELECT ... FROM ... WHERE ..."></textarea> placeholder="SELECT ... FROM ... WHERE ..."></textarea>
</div> </div>
<div> <div>
<label class="block text-sm font-medium text-gray-700 mb-1">Descripción</label> <label class="block text-sm font-medium text-gray-700 mb-1">Descripción</label>
<input type="text" name="description" id="q_desc" <input type="text" name="description" id="q_desc"
class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
placeholder="¿Qué hace esta consulta?"> placeholder="¿Qué hace esta consulta?">
</div> </div>
<div class="flex space-x-3"> <div class="flex space-x-3">
<button type="submit" <button type="submit"
class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium"> class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg text-sm font-medium">
<i class="fas fa-save mr-1"></i> Guardar <i class="fas fa-save mr-1"></i> Guardar
</button> </button>
<button type="button" onclick="cancelEdit()" <button type="button" onclick="cancelEdit()"
class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 hidden" id="btn-cancel"> class="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg text-sm font-medium hover:bg-gray-200 hidden" id="btn-cancel">
<i class="fas fa-times mr-1"></i> Cancelar <i class="fas fa-times mr-1"></i> Cancelar
</button> </button>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
<div class="mt-4 bg-blue-50 rounded-xl border border-blue-200 p-4"> <div class="mt-4 bg-blue-50 rounded-xl border border-blue-200 p-4">
<h4 class="text-sm font-medium text-blue-800"><i class="fas fa-info-circle mr-1"></i> Parámetros disponibles</h4> <h4 class="text-sm font-medium text-blue-800"><i class="fas fa-info-circle mr-1"></i> Parámetros disponibles</h4>
<p class="text-xs text-blue-600 mt-1"> <p class="text-xs text-blue-600 mt-1">
Usa <code class="bg-blue-100 px-1 rounded">:doc_num</code> para filtro por documento, Usa <code class="bg-blue-100 px-1 rounded">:doc_num</code> para filtro por documento,
<code class="bg-blue-100 px-1 rounded">:factura</code> para filtro por factura, <code class="bg-blue-100 px-1 rounded">:factura</code> para filtro por factura,
<code class="bg-blue-100 px-1 rounded">:fecha_ini</code> y <code class="bg-blue-100 px-1 rounded">:fecha_fin</code> para rango de fechas. <code class="bg-blue-100 px-1 rounded">:fecha_ini</code> y <code class="bg-blue-100 px-1 rounded">:fecha_fin</code> para rango de fechas.
</p> </p>
</div> <button onclick="listarTablas(this)" class="mt-3 px-3 py-1.5 bg-green-600 hover:bg-green-700 text-white text-xs rounded-lg">
</div> <i class="fas fa-table mr-1"></i> Ver tablas disponibles␍
</div> </button>
<div id="tablas-list" class="mt-2 hidden"></div>
<script> </div>
function editQuery(id, name, type, text, desc) { </div>
document.getElementById('query_id').value = id; </div>
document.getElementById('q_name').value = name;
document.getElementById('q_type').value = type; <script>
document.getElementById('q_text').value = text; function editQuery(id, name, type, text, desc) {
document.getElementById('q_desc').value = desc; document.getElementById('query_id').value = id;
document.getElementById('btn-cancel').classList.remove('hidden'); document.getElementById('q_name').value = name;
document.querySelector('form').action = '/queries/update/' + id; document.getElementById('q_type').value = type;
} document.getElementById('q_text').value = text;
document.getElementById('q_desc').value = desc;
function cancelEdit() { document.getElementById('btn-cancel').classList.remove('hidden');
document.getElementById('query_id').value = ''; document.querySelector('form').action = '/queries/update/' + id;
document.getElementById('q_name').value = ''; }
document.getElementById('q_text').value = '';
document.getElementById('q_desc').value = ''; function cancelEdit() {
document.getElementById('btn-cancel').classList.add('hidden'); document.getElementById('query_id').value = '';
document.querySelector('form').action = '/queries/create'; document.getElementById('q_name').value = '';
} document.getElementById('q_text').value = '';
document.getElementById('q_desc').value = '';
async function ejecutarTest(btn, queryId) { document.getElementById('btn-cancel').classList.add('hidden');
btn.disabled = true; document.querySelector('form').action = '/queries/create';
btn.innerHTML = '<i class="fas fa-spinner fa-spin mr-1"></i> Probando...'; }
try { async function listarTablas(btn) {
const form = new FormData(); btn.disabled = true;
form.append('query_id', queryId); btn.innerHTML = '<i class="fas fa-spinner fa-spin mr-1"></i> Cargando...';
const resp = await fetch('/queries/test', { method: 'POST', body: form }); try {
const data = await resp.json(); const resp = await fetch('/queries/tablas', { method: 'POST' });
const data = await resp.json();
if (data.error) { if (data.error) { showToast(data.error, 'error'); return; }
showToast(data.error, 'error'); const div = document.getElementById('tablas-list');
return; div.innerHTML = '<div class="max-h-40 overflow-y-auto mt-2"><div class="grid grid-cols-3 gap-1">' +
} data.tablas.map(t => '<code class="bg-white px-2 py-1 rounded border text-xs">' + t + '</code>').join('') +
'</div></div>';
let html = '<table class="w-full text-xs border-collapse"><thead><tr class="bg-gray-100">'; div.classList.remove('hidden');
data.columns.forEach(c => { html += '<th class="p-2 border text-left font-semibold">' + c + '</th>'; }); } catch(e) { showToast('Error: ' + e.message, 'error'); }
html += '</tr></thead><tbody>'; finally { btn.disabled = false; btn.innerHTML = '<i class="fas fa-table mr-1"></i> Ver tablas disponibles'; }
data.rows.forEach(r => { }
html += '<tr class="hover:bg-gray-50">';
data.columns.forEach(c => { html += '<td class="p-2 border">' + (r[c] ?? '') + '</td>'; }); async function ejecutarTest(btn, queryId) {
html += '</tr>'; btn.disabled = true;
}); btn.innerHTML = '<i class="fas fa-spinner fa-spin mr-1"></i> Probando...';
html += '</tbody></table>';
html += '<p class="text-xs text-gray-500 mt-2">Total: ' + data.total + ' registros (mostrando ' + data.rows.length + ')</p>'; try {
const form = new FormData();
const modal = document.createElement('div'); form.append('query_id', queryId);
modal.className = 'fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50'; const resp = await fetch('/queries/test', { method: 'POST', body: form });
modal.innerHTML = '<div class="bg-white rounded-xl shadow-xl max-w-4xl w-full mx-4 max-h-[80vh] overflow-auto p-6"><div class="flex justify-between items-center mb-4"><h3 class="font-semibold text-lg">Resultado</h3><button onclick="this.closest(\'.fixed\').remove()" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>' + html + '</div>'; const data = await resp.json();
document.body.appendChild(modal);
} catch(e) { if (data.error) {
showToast('Error: ' + e.message, 'error'); showToast(data.error, 'error');
} finally { return;
btn.disabled = false; }
btn.innerHTML = '<i class="fas fa-play mr-1"></i> Probar';
} let html = '<table class="w-full text-xs border-collapse"><thead><tr class="bg-gray-100">';
} data.columns.forEach(c => { html += '<th class="p-2 border text-left font-semibold">' + c + '</th>'; });
</script> html += '</tr></thead><tbody>';
{% endblock %} data.rows.forEach(r => {
html += '<tr class="hover:bg-gray-50">';
data.columns.forEach(c => { html += '<td class="p-2 border">' + (r[c] ?? '') + '</td>'; });
html += '</tr>';
});
html += '</tbody></table>';
html += '<p class="text-xs text-gray-500 mt-2">Total: ' + data.total + ' registros (mostrando ' + data.rows.length + ')</p>';
const modal = document.createElement('div');
modal.className = 'fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50';
modal.innerHTML = '<div class="bg-white rounded-xl shadow-xl max-w-4xl w-full mx-4 max-h-[80vh] overflow-auto p-6"><div class="flex justify-between items-center mb-4"><h3 class="font-semibold text-lg">Resultado</h3><button onclick="this.closest(\'.fixed\').remove()" class="text-gray-400 hover:text-gray-600"><i class="fas fa-times text-xl"></i></button></div>' + html + '</div>';
document.body.appendChild(modal);
} catch(e) {
showToast('Error: ' + e.message, 'error');
} finally {
btn.disabled = false;
btn.innerHTML = '<i class="fas fa-play mr-1"></i> Probar';
}
}
</script>
{% endblock %}␍