Implementación de la API de Launcher GUI
- Se agregó el manejo de grupos de lanzadores, permitiendo obtener, crear, actualizar y eliminar grupos a través de nuevas rutas API. - Se implementaron funciones para gestionar scripts de lanzadores, incluyendo la obtención de scripts por grupo y la ejecución de scripts GUI con argumentos. - Se añadió la gestión de favoritos y el historial de lanzadores, mejorando la experiencia del usuario al interactuar con la interfaz. - Se realizaron ajustes en el archivo `index.html` para incluir nuevas secciones y mejorar la navegación entre configuraciones y lanzadores.
This commit is contained in:
parent
a3618246b7
commit
ea35ae1211
149
app.py
149
app.py
|
|
@ -1,6 +1,7 @@
|
||||||
from flask import Flask, render_template, request, jsonify, url_for
|
from flask import Flask, render_template, request, jsonify, url_for
|
||||||
from flask_sock import Sock
|
from flask_sock import Sock
|
||||||
from lib.config_manager import ConfigurationManager
|
from lib.config_manager import ConfigurationManager
|
||||||
|
from lib.launcher_manager import LauncherManager
|
||||||
import os
|
import os
|
||||||
import json # Added import
|
import json # Added import
|
||||||
from datetime import datetime
|
from datetime import datetime
|
||||||
|
|
@ -22,6 +23,9 @@ app = Flask(
|
||||||
sock = Sock(app)
|
sock = Sock(app)
|
||||||
config_manager = ConfigurationManager()
|
config_manager = ConfigurationManager()
|
||||||
|
|
||||||
|
# Inicializar launcher manager
|
||||||
|
launcher_manager = LauncherManager(config_manager.data_path)
|
||||||
|
|
||||||
# Lista global para mantener las conexiones WebSocket activas
|
# Lista global para mantener las conexiones WebSocket activas
|
||||||
websocket_connections = set()
|
websocket_connections = set()
|
||||||
|
|
||||||
|
|
@ -509,6 +513,151 @@ def exit_application(icon, item):
|
||||||
tray_icon.stop()
|
tray_icon.stop()
|
||||||
|
|
||||||
|
|
||||||
|
# === LAUNCHER GUI APIs ===
|
||||||
|
|
||||||
|
@app.route("/api/launcher-groups", methods=["GET", "POST"])
|
||||||
|
def handle_launcher_groups():
|
||||||
|
"""Gestionar grupos de launcher (GET: obtener, POST: crear)"""
|
||||||
|
if request.method == "GET":
|
||||||
|
try:
|
||||||
|
groups = launcher_manager.get_launcher_groups()
|
||||||
|
return jsonify(groups)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
else: # POST
|
||||||
|
try:
|
||||||
|
data = request.json
|
||||||
|
result = launcher_manager.add_launcher_group(data)
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/launcher-groups/<group_id>", methods=["GET", "PUT", "DELETE"])
|
||||||
|
def handle_launcher_group(group_id):
|
||||||
|
"""Gestionar grupo específico (GET: obtener, PUT: actualizar, DELETE: eliminar)"""
|
||||||
|
if request.method == "GET":
|
||||||
|
try:
|
||||||
|
group = launcher_manager.get_launcher_group(group_id)
|
||||||
|
if not group:
|
||||||
|
return jsonify({"error": "Group not found"}), 404
|
||||||
|
return jsonify(group)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
elif request.method == "PUT":
|
||||||
|
try:
|
||||||
|
data = request.json
|
||||||
|
result = launcher_manager.update_launcher_group(group_id, data)
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
else: # DELETE
|
||||||
|
try:
|
||||||
|
result = launcher_manager.delete_launcher_group(group_id)
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/launcher-scripts/<group_id>")
|
||||||
|
def get_launcher_scripts(group_id):
|
||||||
|
"""Obtener scripts de un grupo del launcher"""
|
||||||
|
try:
|
||||||
|
scripts = launcher_manager.get_group_scripts(group_id)
|
||||||
|
return jsonify(scripts)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/execute-gui-script", methods=["POST"])
|
||||||
|
def execute_gui_script():
|
||||||
|
"""Ejecutar script GUI con argumentos opcionales"""
|
||||||
|
try:
|
||||||
|
data = request.json
|
||||||
|
group_id = data["group_id"]
|
||||||
|
script_name = data["script_name"]
|
||||||
|
script_args = data.get("args", [])
|
||||||
|
|
||||||
|
result = launcher_manager.execute_gui_script(
|
||||||
|
group_id, script_name, script_args, broadcast_message
|
||||||
|
)
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
error_msg = f"Error ejecutando script GUI: {str(e)}"
|
||||||
|
broadcast_message(error_msg)
|
||||||
|
return jsonify({"error": error_msg}), 500
|
||||||
|
|
||||||
|
@app.route("/api/launcher-favorites", methods=["GET", "POST"])
|
||||||
|
def handle_launcher_favorites():
|
||||||
|
"""Gestionar favoritos del launcher"""
|
||||||
|
if request.method == "GET":
|
||||||
|
try:
|
||||||
|
favorites = launcher_manager.get_favorites()
|
||||||
|
return jsonify({"favorites": favorites})
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
else: # POST
|
||||||
|
try:
|
||||||
|
data = request.json
|
||||||
|
group_id = data["group_id"]
|
||||||
|
script_name = data["script_name"]
|
||||||
|
result = launcher_manager.toggle_favorite(group_id, script_name)
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/launcher-history", methods=["GET", "DELETE"])
|
||||||
|
def handle_launcher_history():
|
||||||
|
"""Gestionar historial del launcher"""
|
||||||
|
if request.method == "GET":
|
||||||
|
try:
|
||||||
|
history = launcher_manager.get_history()
|
||||||
|
return jsonify({"history": history})
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
else: # DELETE
|
||||||
|
try:
|
||||||
|
result = launcher_manager.clear_history()
|
||||||
|
return jsonify(result)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/launcher-categories")
|
||||||
|
def get_launcher_categories():
|
||||||
|
"""Obtener categorías disponibles del launcher"""
|
||||||
|
try:
|
||||||
|
categories = launcher_manager.get_categories()
|
||||||
|
return jsonify(categories)
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
@app.route("/api/group-icon/<launcher_type>/<group_id>")
|
||||||
|
def get_group_icon(launcher_type, group_id):
|
||||||
|
"""Obtener icono de un grupo (config o launcher)"""
|
||||||
|
try:
|
||||||
|
if launcher_type == "launcher":
|
||||||
|
group = launcher_manager.get_launcher_group(group_id)
|
||||||
|
if not group:
|
||||||
|
return jsonify({"error": "Group not found"}), 404
|
||||||
|
|
||||||
|
icon_path = os.path.join(group["directory"], "icon.ico")
|
||||||
|
if os.path.exists(icon_path):
|
||||||
|
from flask import send_file
|
||||||
|
return send_file(icon_path, mimetype='image/x-icon')
|
||||||
|
|
||||||
|
elif launcher_type == "config":
|
||||||
|
group_path = os.path.join(config_manager.script_groups_path, group_id)
|
||||||
|
icon_path = os.path.join(group_path, "icon.ico")
|
||||||
|
if os.path.exists(icon_path):
|
||||||
|
from flask import send_file
|
||||||
|
return send_file(icon_path, mimetype='image/x-icon')
|
||||||
|
|
||||||
|
# Icono por defecto - devolver datos para que el frontend genere el icono
|
||||||
|
return jsonify({"type": "default", "icon": "📁"})
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return jsonify({"error": str(e)}), 500
|
||||||
|
|
||||||
|
# === FIN LAUNCHER GUI APIs ===
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
if __name__ == "__main__":
|
||||||
# --- Start Flask in a background thread ---
|
# --- Start Flask in a background thread ---
|
||||||
flask_thread = threading.Thread(target=run_flask, daemon=True)
|
flask_thread = threading.Thread(target=run_flask, daemon=True)
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
{
|
||||||
|
"favorites": [
|
||||||
|
{
|
||||||
|
"id": "1_calc.py",
|
||||||
|
"group_id": "1",
|
||||||
|
"script_name": "calc.py",
|
||||||
|
"added_date": "2025-06-03T11:47:24.757186Z",
|
||||||
|
"execution_count": 0,
|
||||||
|
"last_executed": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,9 @@
|
||||||
|
{
|
||||||
|
"history": [],
|
||||||
|
"settings": {
|
||||||
|
"max_entries": 100,
|
||||||
|
"auto_cleanup_days": 30,
|
||||||
|
"track_execution_time": true,
|
||||||
|
"track_arguments": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,77 @@
|
||||||
|
{
|
||||||
|
"version": "1.0",
|
||||||
|
"groups": [
|
||||||
|
{
|
||||||
|
"id": "1",
|
||||||
|
"name": "Calculadora",
|
||||||
|
"description": "",
|
||||||
|
"category": "Herramientas",
|
||||||
|
"version": "1.0",
|
||||||
|
"directory": "D:/Proyectos/Scripts/Calcv2",
|
||||||
|
"author": "",
|
||||||
|
"tags": [],
|
||||||
|
"created_date": "2025-06-03T11:46:28.443910Z",
|
||||||
|
"updated_date": "2025-06-03T11:46:28.443910Z"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"categories": {
|
||||||
|
"Herramientas": {
|
||||||
|
"color": "#3B82F6",
|
||||||
|
"icon": "🔧",
|
||||||
|
"subcategories": [
|
||||||
|
"Generales",
|
||||||
|
"Desarrollo",
|
||||||
|
"Sistema"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"Análisis": {
|
||||||
|
"color": "#10B981",
|
||||||
|
"icon": "📊",
|
||||||
|
"subcategories": [
|
||||||
|
"Datos",
|
||||||
|
"Estadísticas",
|
||||||
|
"Visualización"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"Utilidades": {
|
||||||
|
"color": "#8B5CF6",
|
||||||
|
"icon": "⚙️",
|
||||||
|
"subcategories": [
|
||||||
|
"Archivos",
|
||||||
|
"Texto",
|
||||||
|
"Conversión"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"Desarrollo": {
|
||||||
|
"color": "#F59E0B",
|
||||||
|
"icon": "💻",
|
||||||
|
"subcategories": [
|
||||||
|
"Code",
|
||||||
|
"Testing",
|
||||||
|
"Deploy"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"Visualización": {
|
||||||
|
"color": "#EF4444",
|
||||||
|
"icon": "📈",
|
||||||
|
"subcategories": [
|
||||||
|
"Gráficos",
|
||||||
|
"Reportes",
|
||||||
|
"Dashboard"
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"Otros": {
|
||||||
|
"color": "#6B7280",
|
||||||
|
"icon": "📁",
|
||||||
|
"subcategories": [
|
||||||
|
"Misceláneos"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"default_execution_directory": "script_directory",
|
||||||
|
"enable_argument_validation": true,
|
||||||
|
"max_history_entries": 100,
|
||||||
|
"auto_cleanup_days": 30
|
||||||
|
}
|
||||||
|
}
|
||||||
23
data/log.txt
23
data/log.txt
|
|
@ -1,23 +0,0 @@
|
||||||
[12:38:21] Iniciando ejecución de x7_value_updater.py en C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001...
|
|
||||||
[12:38:21] Using working directory: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001
|
|
||||||
[12:38:21] Los archivos JSON se guardarán en: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\json
|
|
||||||
[12:38:21] Los archivos de documentación se guardarán en: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\documentation
|
|
||||||
[12:38:21] Se encontraron 1 pares de archivos para procesar.
|
|
||||||
[12:38:21] --- Procesando par de archivos ---
|
|
||||||
[12:38:21] Data file: DB1001_data.AWL
|
|
||||||
[12:38:21] Format file: DB1001_format.AWL
|
|
||||||
[12:38:21] Parseando archivo data: DB1001_data.AWL
|
|
||||||
[12:38:21] Parseando archivo format: DB1001_format.AWL
|
|
||||||
[12:38:21] Archivos JSON generados: DB1001_data.json y DB1001_format.json
|
|
||||||
[12:38:21] Comparando estructuras para DB 'HMI_Blender_Parameters': 284 variables en _data, 284 variables en _format
|
|
||||||
[12:38:21] Los archivos son compatibles. Creando el archivo _updated...
|
|
||||||
[12:38:21] Procesando DB 'HMI_Blender_Parameters': 284 variables en _format, 284 variables en _data
|
|
||||||
[12:38:21] Estadísticas para DB 'HMI_Blender_Parameters': 280 variables actualizadas, 0 no encontradas
|
|
||||||
[12:38:21] Archivo _updated generado: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\json\DB1001_updated.json
|
|
||||||
[12:38:22] Archivo Excel de comparación generado: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\documentation\DB1001_comparison.xlsx
|
|
||||||
[12:38:22] Archivo Markdown generado: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\documentation\DB1001_updated.md
|
|
||||||
[12:38:22] Archivo S7 generado: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\documentation\DB1001_updated.txt
|
|
||||||
[12:38:22] Archivo S7 copiado a: C:\Trabajo\SIDEL\09 - SAE452 - Diet as Regular - San Giovanni in Bosco\Reporte\DB1001\DB1001_updated.AWL
|
|
||||||
[12:38:22] --- Proceso completado ---
|
|
||||||
[12:38:23] Ejecución de x7_value_updater.py finalizada (success). Duración: 0:00:01.539943.
|
|
||||||
[12:38:23] Log completo guardado en: D:\Proyectos\Scripts\ParamManagerScripts\backend\script_groups\S7_DB_Utils\log_x7_value_updater.txt
|
|
||||||
|
|
@ -0,0 +1,416 @@
|
||||||
|
import os
|
||||||
|
import json
|
||||||
|
import subprocess
|
||||||
|
import sys
|
||||||
|
from typing import Dict, Any, List, Optional
|
||||||
|
from datetime import datetime
|
||||||
|
import uuid
|
||||||
|
|
||||||
|
class LauncherManager:
|
||||||
|
def __init__(self, data_path: str):
|
||||||
|
self.data_path = data_path
|
||||||
|
self.launcher_config_path = os.path.join(data_path, "launcher_scripts.json")
|
||||||
|
self.favorites_path = os.path.join(data_path, "launcher_favorites.json")
|
||||||
|
self.history_path = os.path.join(data_path, "launcher_history.json")
|
||||||
|
|
||||||
|
# Inicializar archivos si no existen
|
||||||
|
self._initialize_files()
|
||||||
|
|
||||||
|
def _initialize_files(self):
|
||||||
|
"""Crear archivos de configuración por defecto si no existen"""
|
||||||
|
# Inicializar launcher_scripts.json
|
||||||
|
if not os.path.exists(self.launcher_config_path):
|
||||||
|
default_config = {
|
||||||
|
"version": "1.0",
|
||||||
|
"groups": [],
|
||||||
|
"categories": {
|
||||||
|
"Herramientas": {
|
||||||
|
"color": "#3B82F6",
|
||||||
|
"icon": "🔧",
|
||||||
|
"subcategories": ["Generales", "Desarrollo", "Sistema"]
|
||||||
|
},
|
||||||
|
"Análisis": {
|
||||||
|
"color": "#10B981",
|
||||||
|
"icon": "📊",
|
||||||
|
"subcategories": ["Datos", "Estadísticas", "Visualización"]
|
||||||
|
},
|
||||||
|
"Utilidades": {
|
||||||
|
"color": "#8B5CF6",
|
||||||
|
"icon": "⚙️",
|
||||||
|
"subcategories": ["Archivos", "Texto", "Conversión"]
|
||||||
|
},
|
||||||
|
"Desarrollo": {
|
||||||
|
"color": "#F59E0B",
|
||||||
|
"icon": "💻",
|
||||||
|
"subcategories": ["Code", "Testing", "Deploy"]
|
||||||
|
},
|
||||||
|
"Visualización": {
|
||||||
|
"color": "#EF4444",
|
||||||
|
"icon": "📈",
|
||||||
|
"subcategories": ["Gráficos", "Reportes", "Dashboard"]
|
||||||
|
},
|
||||||
|
"Otros": {
|
||||||
|
"color": "#6B7280",
|
||||||
|
"icon": "📁",
|
||||||
|
"subcategories": ["Misceláneos"]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"settings": {
|
||||||
|
"default_execution_directory": "script_directory",
|
||||||
|
"enable_argument_validation": True,
|
||||||
|
"max_history_entries": 100,
|
||||||
|
"auto_cleanup_days": 30
|
||||||
|
}
|
||||||
|
}
|
||||||
|
with open(self.launcher_config_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(default_config, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
# Inicializar launcher_favorites.json
|
||||||
|
if not os.path.exists(self.favorites_path):
|
||||||
|
default_favorites = {"favorites": []}
|
||||||
|
with open(self.favorites_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(default_favorites, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
# Inicializar launcher_history.json
|
||||||
|
if not os.path.exists(self.history_path):
|
||||||
|
default_history = {
|
||||||
|
"history": [],
|
||||||
|
"settings": {
|
||||||
|
"max_entries": 100,
|
||||||
|
"auto_cleanup_days": 30,
|
||||||
|
"track_execution_time": True,
|
||||||
|
"track_arguments": True
|
||||||
|
}
|
||||||
|
}
|
||||||
|
with open(self.history_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(default_history, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
def get_launcher_groups(self) -> List[Dict[str, Any]]:
|
||||||
|
"""Obtener todos los grupos de scripts GUI"""
|
||||||
|
try:
|
||||||
|
with open(self.launcher_config_path, 'r', encoding='utf-8') as f:
|
||||||
|
config = json.load(f)
|
||||||
|
return config.get("groups", [])
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error loading launcher groups: {e}")
|
||||||
|
return []
|
||||||
|
|
||||||
|
def get_launcher_group(self, group_id: str) -> Optional[Dict[str, Any]]:
|
||||||
|
"""Obtener un grupo específico por ID"""
|
||||||
|
groups = self.get_launcher_groups()
|
||||||
|
for group in groups:
|
||||||
|
if group.get("id") == group_id:
|
||||||
|
return group
|
||||||
|
return None
|
||||||
|
|
||||||
|
def add_launcher_group(self, group_data: Dict[str, Any]) -> Dict[str, str]:
|
||||||
|
"""Agregar nuevo grupo de scripts GUI"""
|
||||||
|
try:
|
||||||
|
# Validar datos requeridos
|
||||||
|
required_fields = ["name", "directory"]
|
||||||
|
for field in required_fields:
|
||||||
|
if not group_data.get(field):
|
||||||
|
return {"status": "error", "message": f"Campo requerido: {field}"}
|
||||||
|
|
||||||
|
# Validar que el directorio existe
|
||||||
|
if not os.path.isdir(group_data["directory"]):
|
||||||
|
return {"status": "error", "message": "El directorio especificado no existe"}
|
||||||
|
|
||||||
|
# Generar ID único si no se proporciona
|
||||||
|
if not group_data.get("id"):
|
||||||
|
group_data["id"] = str(uuid.uuid4())[:8]
|
||||||
|
|
||||||
|
# Verificar que el ID no exista
|
||||||
|
if self.get_launcher_group(group_data["id"]):
|
||||||
|
return {"status": "error", "message": "Ya existe un grupo con este ID"}
|
||||||
|
|
||||||
|
# Agregar campos por defecto
|
||||||
|
current_time = datetime.now().isoformat() + "Z"
|
||||||
|
group_data.setdefault("description", "")
|
||||||
|
group_data.setdefault("category", "Otros")
|
||||||
|
group_data.setdefault("version", "1.0")
|
||||||
|
group_data.setdefault("author", "")
|
||||||
|
group_data.setdefault("tags", [])
|
||||||
|
group_data.setdefault("created_date", current_time)
|
||||||
|
group_data["updated_date"] = current_time
|
||||||
|
|
||||||
|
# Cargar configuración y agregar grupo
|
||||||
|
with open(self.launcher_config_path, 'r', encoding='utf-8') as f:
|
||||||
|
config = json.load(f)
|
||||||
|
|
||||||
|
config["groups"].append(group_data)
|
||||||
|
|
||||||
|
with open(self.launcher_config_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(config, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
return {"status": "success", "message": "Grupo agregado exitosamente"}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return {"status": "error", "message": f"Error agregando grupo: {str(e)}"}
|
||||||
|
|
||||||
|
def update_launcher_group(self, group_id: str, group_data: Dict[str, Any]) -> Dict[str, str]:
|
||||||
|
"""Actualizar grupo existente"""
|
||||||
|
try:
|
||||||
|
with open(self.launcher_config_path, 'r', encoding='utf-8') as f:
|
||||||
|
config = json.load(f)
|
||||||
|
|
||||||
|
# Buscar y actualizar el grupo
|
||||||
|
group_found = False
|
||||||
|
for i, group in enumerate(config["groups"]):
|
||||||
|
if group["id"] == group_id:
|
||||||
|
# Mantener ID y fechas de creación
|
||||||
|
group_data["id"] = group_id
|
||||||
|
group_data["created_date"] = group.get("created_date", datetime.now().isoformat() + "Z")
|
||||||
|
group_data["updated_date"] = datetime.now().isoformat() + "Z"
|
||||||
|
|
||||||
|
config["groups"][i] = group_data
|
||||||
|
group_found = True
|
||||||
|
break
|
||||||
|
|
||||||
|
if not group_found:
|
||||||
|
return {"status": "error", "message": "Grupo no encontrado"}
|
||||||
|
|
||||||
|
with open(self.launcher_config_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(config, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
return {"status": "success", "message": "Grupo actualizado exitosamente"}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return {"status": "error", "message": f"Error actualizando grupo: {str(e)}"}
|
||||||
|
|
||||||
|
def delete_launcher_group(self, group_id: str) -> Dict[str, str]:
|
||||||
|
"""Eliminar grupo de scripts GUI"""
|
||||||
|
try:
|
||||||
|
with open(self.launcher_config_path, 'r', encoding='utf-8') as f:
|
||||||
|
config = json.load(f)
|
||||||
|
|
||||||
|
# Filtrar el grupo a eliminar
|
||||||
|
original_count = len(config["groups"])
|
||||||
|
config["groups"] = [g for g in config["groups"] if g["id"] != group_id]
|
||||||
|
|
||||||
|
if len(config["groups"]) == original_count:
|
||||||
|
return {"status": "error", "message": "Grupo no encontrado"}
|
||||||
|
|
||||||
|
with open(self.launcher_config_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(config, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
# Limpiar favoritos del grupo eliminado
|
||||||
|
self._cleanup_favorites_for_group(group_id)
|
||||||
|
|
||||||
|
return {"status": "success", "message": "Grupo eliminado exitosamente"}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return {"status": "error", "message": f"Error eliminando grupo: {str(e)}"}
|
||||||
|
|
||||||
|
def get_group_scripts(self, group_id: str) -> List[Dict[str, Any]]:
|
||||||
|
"""Obtener scripts de un grupo específico"""
|
||||||
|
try:
|
||||||
|
group = self.get_launcher_group(group_id)
|
||||||
|
if not group:
|
||||||
|
return []
|
||||||
|
|
||||||
|
directory = group["directory"]
|
||||||
|
if not os.path.isdir(directory):
|
||||||
|
return []
|
||||||
|
|
||||||
|
scripts = []
|
||||||
|
for file in os.listdir(directory):
|
||||||
|
if file.endswith('.py') and not file.startswith('_'):
|
||||||
|
script_path = os.path.join(directory, file)
|
||||||
|
if os.path.isfile(script_path):
|
||||||
|
scripts.append({
|
||||||
|
"name": file,
|
||||||
|
"display_name": file[:-3], # Sin extensión .py
|
||||||
|
"path": script_path,
|
||||||
|
"size": os.path.getsize(script_path),
|
||||||
|
"modified": datetime.fromtimestamp(os.path.getmtime(script_path)).isoformat()
|
||||||
|
})
|
||||||
|
|
||||||
|
return sorted(scripts, key=lambda x: x["name"])
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error getting scripts for group {group_id}: {e}")
|
||||||
|
return []
|
||||||
|
|
||||||
|
def execute_gui_script(self, group_id: str, script_name: str, script_args: List[str],
|
||||||
|
broadcast_func) -> Dict[str, Any]:
|
||||||
|
"""Ejecutar script GUI con argumentos opcionales"""
|
||||||
|
try:
|
||||||
|
group = self.get_launcher_group(group_id)
|
||||||
|
if not group:
|
||||||
|
return {"status": "error", "message": "Grupo no encontrado"}
|
||||||
|
|
||||||
|
script_path = os.path.join(group["directory"], script_name)
|
||||||
|
if not os.path.isfile(script_path):
|
||||||
|
return {"status": "error", "message": "Script no encontrado"}
|
||||||
|
|
||||||
|
# Construir comando
|
||||||
|
cmd = [sys.executable, script_path] + script_args
|
||||||
|
working_dir = group["directory"] # Por defecto directorio del script
|
||||||
|
|
||||||
|
broadcast_func(f"Ejecutando script GUI: {script_name}")
|
||||||
|
broadcast_func(f"Comando: {' '.join(cmd)}")
|
||||||
|
broadcast_func(f"Directorio: {working_dir}")
|
||||||
|
|
||||||
|
# Ejecutar script
|
||||||
|
start_time = datetime.now()
|
||||||
|
process = subprocess.Popen(
|
||||||
|
cmd,
|
||||||
|
cwd=working_dir,
|
||||||
|
stdout=subprocess.PIPE,
|
||||||
|
stderr=subprocess.PIPE,
|
||||||
|
text=True,
|
||||||
|
creationflags=subprocess.CREATE_NEW_CONSOLE if sys.platform == "win32" else 0
|
||||||
|
)
|
||||||
|
|
||||||
|
# Registrar en historial
|
||||||
|
execution_id = str(uuid.uuid4())[:8]
|
||||||
|
self._add_to_history({
|
||||||
|
"id": execution_id,
|
||||||
|
"group_id": group_id,
|
||||||
|
"script_name": script_name,
|
||||||
|
"executed_date": start_time.isoformat() + "Z",
|
||||||
|
"arguments": script_args,
|
||||||
|
"working_directory": working_dir,
|
||||||
|
"status": "running",
|
||||||
|
"pid": process.pid
|
||||||
|
})
|
||||||
|
|
||||||
|
broadcast_func(f"Script GUI ejecutado con PID: {process.pid}")
|
||||||
|
broadcast_func(f"ID de ejecución: {execution_id}")
|
||||||
|
|
||||||
|
return {
|
||||||
|
"status": "success",
|
||||||
|
"message": "Script GUI ejecutado exitosamente",
|
||||||
|
"execution_id": execution_id,
|
||||||
|
"pid": process.pid
|
||||||
|
}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
error_msg = f"Error ejecutando script GUI: {str(e)}"
|
||||||
|
broadcast_func(error_msg)
|
||||||
|
return {"status": "error", "message": error_msg}
|
||||||
|
|
||||||
|
def get_favorites(self) -> List[Dict[str, Any]]:
|
||||||
|
"""Obtener lista de favoritos"""
|
||||||
|
try:
|
||||||
|
with open(self.favorites_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
return data.get("favorites", [])
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error loading favorites: {e}")
|
||||||
|
return []
|
||||||
|
|
||||||
|
def toggle_favorite(self, group_id: str, script_name: str) -> Dict[str, str]:
|
||||||
|
"""Agregar o quitar script de favoritos"""
|
||||||
|
try:
|
||||||
|
with open(self.favorites_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
|
||||||
|
favorites = data.get("favorites", [])
|
||||||
|
favorite_id = f"{group_id}_{script_name}"
|
||||||
|
|
||||||
|
# Buscar si ya existe
|
||||||
|
existing_favorite = None
|
||||||
|
for i, fav in enumerate(favorites):
|
||||||
|
if fav["group_id"] == group_id and fav["script_name"] == script_name:
|
||||||
|
existing_favorite = i
|
||||||
|
break
|
||||||
|
|
||||||
|
if existing_favorite is not None:
|
||||||
|
# Quitar de favoritos
|
||||||
|
favorites.pop(existing_favorite)
|
||||||
|
action = "removed"
|
||||||
|
else:
|
||||||
|
# Agregar a favoritos
|
||||||
|
favorites.append({
|
||||||
|
"id": favorite_id,
|
||||||
|
"group_id": group_id,
|
||||||
|
"script_name": script_name,
|
||||||
|
"added_date": datetime.now().isoformat() + "Z",
|
||||||
|
"execution_count": 0,
|
||||||
|
"last_executed": None
|
||||||
|
})
|
||||||
|
action = "added"
|
||||||
|
|
||||||
|
data["favorites"] = favorites
|
||||||
|
with open(self.favorites_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(data, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
return {"status": "success", "action": action}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return {"status": "error", "message": f"Error managing favorite: {str(e)}"}
|
||||||
|
|
||||||
|
def get_history(self) -> List[Dict[str, Any]]:
|
||||||
|
"""Obtener historial de ejecución"""
|
||||||
|
try:
|
||||||
|
with open(self.history_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
return data.get("history", [])
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error loading history: {e}")
|
||||||
|
return []
|
||||||
|
|
||||||
|
def clear_history(self) -> Dict[str, str]:
|
||||||
|
"""Limpiar historial de ejecución"""
|
||||||
|
try:
|
||||||
|
with open(self.history_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
|
||||||
|
data["history"] = []
|
||||||
|
|
||||||
|
with open(self.history_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(data, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
return {"status": "success", "message": "Historial limpiado exitosamente"}
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
return {"status": "error", "message": f"Error clearing history: {str(e)}"}
|
||||||
|
|
||||||
|
def get_categories(self) -> Dict[str, Any]:
|
||||||
|
"""Obtener categorías disponibles"""
|
||||||
|
try:
|
||||||
|
with open(self.launcher_config_path, 'r', encoding='utf-8') as f:
|
||||||
|
config = json.load(f)
|
||||||
|
return config.get("categories", {})
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error loading categories: {e}")
|
||||||
|
return {}
|
||||||
|
|
||||||
|
def _add_to_history(self, entry: Dict[str, Any]):
|
||||||
|
"""Agregar entrada al historial"""
|
||||||
|
try:
|
||||||
|
with open(self.history_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
|
||||||
|
history = data.get("history", [])
|
||||||
|
history.insert(0, entry) # Agregar al inicio
|
||||||
|
|
||||||
|
# Limitar tamaño del historial
|
||||||
|
max_entries = data.get("settings", {}).get("max_entries", 100)
|
||||||
|
if len(history) > max_entries:
|
||||||
|
history = history[:max_entries]
|
||||||
|
|
||||||
|
data["history"] = history
|
||||||
|
|
||||||
|
with open(self.history_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(data, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error adding to history: {e}")
|
||||||
|
|
||||||
|
def _cleanup_favorites_for_group(self, group_id: str):
|
||||||
|
"""Limpiar favoritos de un grupo eliminado"""
|
||||||
|
try:
|
||||||
|
with open(self.favorites_path, 'r', encoding='utf-8') as f:
|
||||||
|
data = json.load(f)
|
||||||
|
|
||||||
|
# Filtrar favoritos del grupo eliminado
|
||||||
|
data["favorites"] = [f for f in data.get("favorites", []) if f.get("group_id") != group_id]
|
||||||
|
|
||||||
|
with open(self.favorites_path, 'w', encoding='utf-8') as f:
|
||||||
|
json.dump(data, f, indent=2, ensure_ascii=False)
|
||||||
|
|
||||||
|
except Exception as e:
|
||||||
|
print(f"Error cleaning up favorites for group {group_id}: {e}")
|
||||||
|
|
@ -106,23 +106,29 @@
|
||||||
|
|
||||||
/* Estilos para encabezados dentro de la descripción larga del script */
|
/* Estilos para encabezados dentro de la descripción larga del script */
|
||||||
.long-description-content h1 {
|
.long-description-content h1 {
|
||||||
font-size: 1.875rem; /* Equivalente a text-3xl de Tailwind */
|
font-size: 1.875rem;
|
||||||
|
/* Equivalente a text-3xl de Tailwind */
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content h2 {
|
.long-description-content h2 {
|
||||||
font-size: 1.5rem; /* Equivalente a text-2xl */
|
font-size: 1.5rem;
|
||||||
|
/* Equivalente a text-2xl */
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 0.875rem;
|
margin-top: 0.875rem;
|
||||||
margin-bottom: 0.4rem;
|
margin-bottom: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content h3 {
|
.long-description-content h3 {
|
||||||
font-size: 1.25rem; /* Equivalente a text-xl */
|
font-size: 1.25rem;
|
||||||
|
/* Equivalente a text-xl */
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-top: 0.75rem;
|
margin-top: 0.75rem;
|
||||||
margin-bottom: 0.3rem;
|
margin-bottom: 0.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Puedes añadir estilos para h4, h5, h6 si los necesitas */
|
/* Puedes añadir estilos para h4, h5, h6 si los necesitas */
|
||||||
|
|
||||||
.long-description-content hr {
|
.long-description-content hr {
|
||||||
|
|
@ -139,26 +145,392 @@
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content ul {
|
.long-description-content ul {
|
||||||
list-style-type: disc;
|
list-style-type: disc;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content ol {
|
.long-description-content ol {
|
||||||
list-style-type: decimal;
|
list-style-type: decimal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content pre {
|
.long-description-content pre {
|
||||||
background-color: #f3f4f6; /* bg-gray-100 */
|
background-color: #f3f4f6;
|
||||||
|
/* bg-gray-100 */
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
border-radius: 0.25rem;
|
border-radius: 0.25rem;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.long-description-content code {
|
.long-description-content code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
/* Estilo para código en línea si es necesario */
|
/* Estilo para código en línea si es necesario */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Estilo específico para bloques de código dentro de <pre> */
|
/* Estilo específico para bloques de código dentro de <pre> */
|
||||||
.long-description-content pre code {
|
.long-description-content pre code {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ===== LAUNCHER GUI STYLES ===== */
|
||||||
|
|
||||||
|
/* Tab Styles */
|
||||||
|
.tab-button {
|
||||||
|
color: #6B7280;
|
||||||
|
border-color: transparent;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-button:hover {
|
||||||
|
color: #374151;
|
||||||
|
border-color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-button.active {
|
||||||
|
color: #3B82F6;
|
||||||
|
border-color: #3B82F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-content {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-content.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Icon Styles */
|
||||||
|
.group-icon {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 8px;
|
||||||
|
object-fit: cover;
|
||||||
|
border: 2px solid #E5E7EB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-icon.default {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-icon-small {
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
border-radius: 4px;
|
||||||
|
object-fit: cover;
|
||||||
|
border: 1px solid #E5E7EB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-icon-small.default {
|
||||||
|
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: white;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Category Styles */
|
||||||
|
.category-badge {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.25rem 0.5rem;
|
||||||
|
background: #EFF6FF;
|
||||||
|
color: #1D4ED8;
|
||||||
|
border-radius: 9999px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-btn {
|
||||||
|
background: #F9FAFB;
|
||||||
|
color: #6B7280;
|
||||||
|
border-color: #E5E7EB;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-btn:hover {
|
||||||
|
background: #F3F4F6;
|
||||||
|
color: #374151;
|
||||||
|
border-color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-btn.active {
|
||||||
|
background: #3B82F6;
|
||||||
|
color: white;
|
||||||
|
border-color: #3B82F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Script Card Styles */
|
||||||
|
.script-card {
|
||||||
|
border: 1px solid #E5E7EB;
|
||||||
|
border-radius: 8px;
|
||||||
|
padding: 1rem;
|
||||||
|
background: white;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.script-card:hover {
|
||||||
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
|
||||||
|
border-color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.script-card.favorited {
|
||||||
|
border-color: #FCD34D;
|
||||||
|
background: #FFFBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Favorite Star */
|
||||||
|
.favorite-star {
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.favorite-star:hover {
|
||||||
|
transform: scale(1.1);
|
||||||
|
color: #F59E0B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.favorite-star.active {
|
||||||
|
color: #F59E0B;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* History Item */
|
||||||
|
.history-item {
|
||||||
|
border: 1px solid #E5E7EB;
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 0.75rem;
|
||||||
|
background: #F9FAFB;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-item:hover {
|
||||||
|
background: #F3F4F6;
|
||||||
|
border-color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-item.success {
|
||||||
|
border-left: 4px solid #10B981;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-item.error {
|
||||||
|
border-left: 4px solid #EF4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.history-item.running {
|
||||||
|
border-left: 4px solid #3B82F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Favorites Panel */
|
||||||
|
.favorites-panel {
|
||||||
|
background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.favorites-panel.empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Group List Item */
|
||||||
|
.group-list-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-list-item:hover {
|
||||||
|
background: #F3F4F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-list-item.selected {
|
||||||
|
background: #EBF8FF;
|
||||||
|
border: 1px solid #3B82F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-list-item .group-info {
|
||||||
|
margin-left: 0.75rem;
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-list-item .group-name {
|
||||||
|
font-weight: 500;
|
||||||
|
color: #374151;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-list-item .group-category {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: #6B7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal Improvements */
|
||||||
|
.modal-content {
|
||||||
|
max-width: 90vw;
|
||||||
|
max-height: 90vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-header {
|
||||||
|
border-bottom: 1px solid #E5E7EB;
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-footer {
|
||||||
|
border-top: 1px solid #E5E7EB;
|
||||||
|
padding: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Script Grid */
|
||||||
|
.scripts-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tooltip */
|
||||||
|
.tooltip {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tooltip:hover::after {
|
||||||
|
content: attr(data-tooltip);
|
||||||
|
position: absolute;
|
||||||
|
bottom: 100%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
background: #374151;
|
||||||
|
color: white;
|
||||||
|
padding: 0.5rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
white-space: nowrap;
|
||||||
|
z-index: 1000;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Loading States */
|
||||||
|
.loading {
|
||||||
|
opacity: 0.6;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spinner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
border: 2px solid #E5E7EB;
|
||||||
|
border-radius: 50%;
|
||||||
|
border-top-color: #3B82F6;
|
||||||
|
animation: spin 1s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive Adjustments */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.scripts-grid {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-button span {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-button svg {
|
||||||
|
width: 1rem;
|
||||||
|
height: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Animation Classes */
|
||||||
|
.fade-in {
|
||||||
|
animation: fadeIn 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slide-in {
|
||||||
|
animation: slideIn 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideIn {
|
||||||
|
from {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
to {
|
||||||
|
opacity: 1;
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Status Indicators */
|
||||||
|
.status-success {
|
||||||
|
color: #10B981;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-error {
|
||||||
|
color: #EF4444;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-running {
|
||||||
|
color: #3B82F6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-warning {
|
||||||
|
color: #F59E0B;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Empty State */
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 3rem 1rem;
|
||||||
|
color: #6B7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state svg {
|
||||||
|
width: 4rem;
|
||||||
|
height: 4rem;
|
||||||
|
margin: 0 auto 1rem;
|
||||||
|
color: #D1D5DB;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button Variants */
|
||||||
|
.btn-outline {
|
||||||
|
border: 1px solid currentColor;
|
||||||
|
background: transparent;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline:hover {
|
||||||
|
background: currentColor;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus States */
|
||||||
|
.focus-visible:focus {
|
||||||
|
outline: 2px solid #3B82F6;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,709 @@
|
||||||
|
// launcher.js - Funcionalidad del Launcher GUI
|
||||||
|
|
||||||
|
class LauncherManager {
|
||||||
|
constructor() {
|
||||||
|
this.currentGroup = null;
|
||||||
|
this.groups = [];
|
||||||
|
this.scripts = [];
|
||||||
|
this.favorites = new Set();
|
||||||
|
this.history = [];
|
||||||
|
this.categories = {};
|
||||||
|
this.currentFilter = 'all';
|
||||||
|
this.currentEditingGroup = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
async init() {
|
||||||
|
console.log('Inicializando Launcher GUI...');
|
||||||
|
await this.loadCategories();
|
||||||
|
await this.loadGroups();
|
||||||
|
await this.loadFavorites();
|
||||||
|
await this.loadHistory();
|
||||||
|
this.setupEventListeners();
|
||||||
|
this.renderInterface();
|
||||||
|
}
|
||||||
|
|
||||||
|
async loadCategories() {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-categories');
|
||||||
|
this.categories = await response.json();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading launcher categories:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async loadGroups() {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-groups');
|
||||||
|
this.groups = await response.json();
|
||||||
|
this.renderGroupSelector();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading launcher groups:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async loadFavorites() {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-favorites');
|
||||||
|
const data = await response.json();
|
||||||
|
this.favorites = new Set(data.favorites.map(f => `${f.group_id}_${f.script_name}`));
|
||||||
|
this.renderFavorites(data.favorites);
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading favorites:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async loadHistory() {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-history');
|
||||||
|
const data = await response.json();
|
||||||
|
this.history = data.history || [];
|
||||||
|
this.renderHistory();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading history:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setupEventListeners() {
|
||||||
|
// Event listener para el formulario de grupos
|
||||||
|
const groupForm = document.getElementById('group-form');
|
||||||
|
if (groupForm) {
|
||||||
|
groupForm.addEventListener('submit', (e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
this.saveGroup();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
renderInterface() {
|
||||||
|
this.renderGroupSelector();
|
||||||
|
this.renderCategoryFilter();
|
||||||
|
this.updateFavoritesCount();
|
||||||
|
}
|
||||||
|
|
||||||
|
renderGroupSelector() {
|
||||||
|
const selector = document.getElementById('launcher-group-select');
|
||||||
|
if (!selector) return;
|
||||||
|
|
||||||
|
selector.innerHTML = '<option value="">-- Seleccionar Grupo --</option>';
|
||||||
|
|
||||||
|
this.groups.forEach(group => {
|
||||||
|
const option = document.createElement('option');
|
||||||
|
option.value = group.id;
|
||||||
|
option.textContent = group.name;
|
||||||
|
option.dataset.category = group.category;
|
||||||
|
option.dataset.description = group.description;
|
||||||
|
selector.appendChild(option);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
renderCategoryFilter() {
|
||||||
|
const filterContainer = document.querySelector('.category-filter .flex');
|
||||||
|
if (!filterContainer) return;
|
||||||
|
|
||||||
|
// Limpiar botones existentes excepto "Todas"
|
||||||
|
const buttons = filterContainer.querySelectorAll('.category-btn:not([data-category="all"])');
|
||||||
|
buttons.forEach(btn => btn.remove());
|
||||||
|
|
||||||
|
// Agregar botones por categoría
|
||||||
|
Object.keys(this.categories).forEach(category => {
|
||||||
|
const categoryData = this.categories[category];
|
||||||
|
const button = document.createElement('button');
|
||||||
|
button.className = 'category-btn px-3 py-1 rounded-full text-sm border';
|
||||||
|
button.dataset.category = category;
|
||||||
|
button.innerHTML = `${categoryData.icon} ${category}`;
|
||||||
|
button.onclick = () => this.filterByCategory(category);
|
||||||
|
filterContainer.appendChild(button);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async loadLauncherScripts() {
|
||||||
|
const groupId = document.getElementById('launcher-group-select').value;
|
||||||
|
if (!groupId) {
|
||||||
|
this.scripts = [];
|
||||||
|
this.renderScripts();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/launcher-scripts/${groupId}`);
|
||||||
|
this.scripts = await response.json();
|
||||||
|
this.currentGroup = this.groups.find(g => g.id === groupId);
|
||||||
|
this.updateGroupIcon();
|
||||||
|
this.renderScripts();
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error loading launcher scripts:', error);
|
||||||
|
this.scripts = [];
|
||||||
|
this.renderScripts();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
updateGroupIcon() {
|
||||||
|
const iconElement = document.getElementById('selected-group-icon');
|
||||||
|
if (!iconElement || !this.currentGroup) return;
|
||||||
|
|
||||||
|
// Intentar cargar icono personalizado
|
||||||
|
const img = document.createElement('img');
|
||||||
|
img.src = `/api/group-icon/launcher/${this.currentGroup.id}`;
|
||||||
|
img.className = 'w-6 h-6 rounded';
|
||||||
|
img.onerror = () => {
|
||||||
|
// Fallback a icono por defecto
|
||||||
|
iconElement.innerHTML = this.getDefaultIconForCategory(this.currentGroup.category);
|
||||||
|
};
|
||||||
|
img.onload = () => {
|
||||||
|
iconElement.innerHTML = '';
|
||||||
|
iconElement.appendChild(img);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
getDefaultIconForCategory(category) {
|
||||||
|
const icons = {
|
||||||
|
'Herramientas': '🔧',
|
||||||
|
'Análisis': '📊',
|
||||||
|
'Utilidades': '⚙️',
|
||||||
|
'Desarrollo': '💻',
|
||||||
|
'Visualización': '📈',
|
||||||
|
'Otros': '📁'
|
||||||
|
};
|
||||||
|
return icons[category] || '📁';
|
||||||
|
}
|
||||||
|
|
||||||
|
renderScripts() {
|
||||||
|
const grid = document.getElementById('launcher-scripts-grid');
|
||||||
|
if (!grid) return;
|
||||||
|
|
||||||
|
if (this.scripts.length === 0) {
|
||||||
|
grid.innerHTML = `
|
||||||
|
<div class="col-span-full empty-state">
|
||||||
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
|
||||||
|
</svg>
|
||||||
|
<p class="text-lg font-medium">No hay scripts disponibles</p>
|
||||||
|
<p class="text-sm">Selecciona un grupo o verifica que el directorio contenga archivos .py</p>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let filteredScripts = this.scripts;
|
||||||
|
if (this.currentFilter !== 'all' && this.currentGroup) {
|
||||||
|
if (this.currentGroup.category !== this.currentFilter) {
|
||||||
|
filteredScripts = [];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
grid.innerHTML = '';
|
||||||
|
filteredScripts.forEach(script => {
|
||||||
|
const favoriteId = `${this.currentGroup.id}_${script.name}`;
|
||||||
|
const isFavorite = this.favorites.has(favoriteId);
|
||||||
|
|
||||||
|
const card = document.createElement('div');
|
||||||
|
card.className = `script-card ${isFavorite ? 'favorited' : ''}`;
|
||||||
|
card.innerHTML = `
|
||||||
|
<div class="flex justify-between items-start mb-2">
|
||||||
|
<h4 class="font-medium text-gray-900">${script.display_name}</h4>
|
||||||
|
<button class="favorite-star ${isFavorite ? 'active' : ''}"
|
||||||
|
onclick="launcherManager.toggleFavorite('${this.currentGroup.id}', '${script.name}')">
|
||||||
|
⭐
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<p class="text-sm text-gray-600 mb-3 line-clamp-2">Script: ${script.name}</p>
|
||||||
|
<div class="flex justify-between items-center">
|
||||||
|
<span class="category-badge">${this.currentGroup.category}</span>
|
||||||
|
<div class="space-x-2">
|
||||||
|
<button class="text-blue-500 hover:underline text-sm"
|
||||||
|
onclick="launcherManager.showArgsModal('${script.name}', '${script.display_name}')">
|
||||||
|
Con Argumentos
|
||||||
|
</button>
|
||||||
|
<button class="bg-blue-500 text-white px-3 py-1 rounded text-sm hover:bg-blue-600"
|
||||||
|
onclick="launcherManager.executeScript('${script.name}')">
|
||||||
|
Ejecutar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
grid.appendChild(card);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
filterByCategory(category) {
|
||||||
|
this.currentFilter = category;
|
||||||
|
|
||||||
|
// Actualizar botones activos
|
||||||
|
document.querySelectorAll('.category-btn').forEach(btn => {
|
||||||
|
btn.classList.remove('active');
|
||||||
|
});
|
||||||
|
document.querySelector(`[data-category="${category}"]`).classList.add('active');
|
||||||
|
|
||||||
|
// Filtrar grupos en el selector
|
||||||
|
const selector = document.getElementById('launcher-group-select');
|
||||||
|
Array.from(selector.options).forEach(option => {
|
||||||
|
if (option.value === '') return;
|
||||||
|
option.style.display = (category === 'all' || option.dataset.category === category) ? '' : 'none';
|
||||||
|
});
|
||||||
|
|
||||||
|
// Re-renderizar scripts si hay grupo seleccionado
|
||||||
|
if (this.currentGroup) {
|
||||||
|
this.renderScripts();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async toggleFavorite(groupId, scriptName) {
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-favorites', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
group_id: groupId,
|
||||||
|
script_name: scriptName
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
if (result.status === 'success') {
|
||||||
|
const favoriteId = `${groupId}_${scriptName}`;
|
||||||
|
if (result.action === 'added') {
|
||||||
|
this.favorites.add(favoriteId);
|
||||||
|
} else {
|
||||||
|
this.favorites.delete(favoriteId);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Recargar datos y re-renderizar
|
||||||
|
await this.loadFavorites();
|
||||||
|
this.renderScripts();
|
||||||
|
this.updateFavoritesCount();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error toggling favorite:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async executeScript(scriptName, args = []) {
|
||||||
|
if (!this.currentGroup) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/execute-gui-script', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify({
|
||||||
|
group_id: this.currentGroup.id,
|
||||||
|
script_name: scriptName,
|
||||||
|
args: args
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
if (result.status === 'success') {
|
||||||
|
// Recargar historial
|
||||||
|
await this.loadHistory();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error executing script:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
showArgsModal(scriptName, displayName) {
|
||||||
|
const modal = document.getElementById('script-args-modal');
|
||||||
|
const scriptDisplayElement = document.getElementById('script-display-name');
|
||||||
|
const argsInput = document.getElementById('script-args-input');
|
||||||
|
|
||||||
|
if (modal && scriptDisplayElement && argsInput) {
|
||||||
|
scriptDisplayElement.textContent = displayName;
|
||||||
|
argsInput.value = '';
|
||||||
|
modal.classList.remove('hidden');
|
||||||
|
|
||||||
|
// Guardar datos para uso posterior
|
||||||
|
modal.dataset.scriptName = scriptName;
|
||||||
|
modal.dataset.groupId = this.currentGroup.id;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
renderFavorites(favorites) {
|
||||||
|
const favoritesList = document.getElementById('favorites-list');
|
||||||
|
const favoritesPanel = document.getElementById('favorites-panel');
|
||||||
|
|
||||||
|
if (!favoritesList || !favoritesPanel) return;
|
||||||
|
|
||||||
|
if (favorites.length === 0) {
|
||||||
|
favoritesPanel.classList.add('empty');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
favoritesPanel.classList.remove('empty');
|
||||||
|
favoritesList.innerHTML = '';
|
||||||
|
|
||||||
|
favorites.slice(0, 5).forEach(fav => {
|
||||||
|
const group = this.groups.find(g => g.id === fav.group_id);
|
||||||
|
if (!group) return;
|
||||||
|
|
||||||
|
const item = document.createElement('div');
|
||||||
|
item.className = 'flex items-center justify-between p-2 bg-white rounded border';
|
||||||
|
item.innerHTML = `
|
||||||
|
<div class="flex items-center">
|
||||||
|
<div class="group-icon-small default mr-2">
|
||||||
|
${this.getDefaultIconForCategory(group.category)}
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="font-medium text-sm">${fav.script_name.replace('.py', '')}</div>
|
||||||
|
<div class="text-xs text-gray-500">${group.name}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button class="text-blue-500 hover:underline text-sm"
|
||||||
|
onclick="launcherManager.executeFavoriteScript('${fav.group_id}', '${fav.script_name}')">
|
||||||
|
Ejecutar
|
||||||
|
</button>
|
||||||
|
`;
|
||||||
|
favoritesList.appendChild(item);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async executeFavoriteScript(groupId, scriptName) {
|
||||||
|
// Cambiar al grupo correcto si no está seleccionado
|
||||||
|
if (!this.currentGroup || this.currentGroup.id !== groupId) {
|
||||||
|
document.getElementById('launcher-group-select').value = groupId;
|
||||||
|
await this.loadLauncherScripts();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.executeScript(scriptName);
|
||||||
|
}
|
||||||
|
|
||||||
|
renderHistory() {
|
||||||
|
const historyList = document.getElementById('history-list');
|
||||||
|
if (!historyList) return;
|
||||||
|
|
||||||
|
if (this.history.length === 0) {
|
||||||
|
historyList.innerHTML = `
|
||||||
|
<div class="text-center text-gray-500 py-4">
|
||||||
|
<p>No hay ejecuciones recientes</p>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
historyList.innerHTML = '';
|
||||||
|
this.history.slice(0, 10).forEach(entry => {
|
||||||
|
const group = this.groups.find(g => g.id === entry.group_id);
|
||||||
|
const groupName = group ? group.name : 'Grupo desconocido';
|
||||||
|
|
||||||
|
const timeAgo = this.getTimeAgo(entry.executed_date);
|
||||||
|
const statusClass = entry.status === 'success' ? 'success' :
|
||||||
|
entry.status === 'error' ? 'error' : 'running';
|
||||||
|
const statusIcon = entry.status === 'success' ? '✅' :
|
||||||
|
entry.status === 'error' ? '❌' : '🔄';
|
||||||
|
|
||||||
|
const item = document.createElement('div');
|
||||||
|
item.className = `history-item ${statusClass}`;
|
||||||
|
item.innerHTML = `
|
||||||
|
<div class="flex justify-between items-start">
|
||||||
|
<div>
|
||||||
|
<span class="font-medium">${entry.script_name.replace('.py', '')}</span>
|
||||||
|
<span class="text-sm text-gray-500 ml-2">${groupName}</span>
|
||||||
|
</div>
|
||||||
|
<span class="text-xs text-gray-400">${timeAgo}</span>
|
||||||
|
</div>
|
||||||
|
<div class="text-sm text-gray-600 mt-1">
|
||||||
|
${statusIcon} ${entry.status.charAt(0).toUpperCase() + entry.status.slice(1)}
|
||||||
|
${entry.execution_time ? ` - ${entry.execution_time}s` : ''}
|
||||||
|
${entry.arguments && entry.arguments.length > 0 ? ` - Con argumentos` : ''}
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
historyList.appendChild(item);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
getTimeAgo(dateString) {
|
||||||
|
const date = new Date(dateString);
|
||||||
|
const now = new Date();
|
||||||
|
const diffMs = now - date;
|
||||||
|
const diffMinutes = Math.floor(diffMs / 60000);
|
||||||
|
|
||||||
|
if (diffMinutes < 1) return 'ahora';
|
||||||
|
if (diffMinutes < 60) return `hace ${diffMinutes}m`;
|
||||||
|
if (diffMinutes < 1440) return `hace ${Math.floor(diffMinutes / 60)}h`;
|
||||||
|
return `hace ${Math.floor(diffMinutes / 1440)}d`;
|
||||||
|
}
|
||||||
|
|
||||||
|
updateFavoritesCount() {
|
||||||
|
const countElement = document.getElementById('favorites-count');
|
||||||
|
if (countElement) {
|
||||||
|
countElement.textContent = `${this.favorites.size} favoritos`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async clearLauncherHistory() {
|
||||||
|
if (!confirm('¿Estás seguro de que quieres limpiar el historial?')) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch('/api/launcher-history', {
|
||||||
|
method: 'DELETE'
|
||||||
|
});
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
if (result.status === 'success') {
|
||||||
|
this.history = [];
|
||||||
|
this.renderHistory();
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error clearing history:', error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// === GESTIÓN DE GRUPOS ===
|
||||||
|
|
||||||
|
openGroupEditor() {
|
||||||
|
const modal = document.getElementById('group-editor-modal');
|
||||||
|
if (modal) {
|
||||||
|
this.currentEditingGroup = null;
|
||||||
|
this.clearGroupForm();
|
||||||
|
this.renderExistingGroups();
|
||||||
|
modal.classList.remove('hidden');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
closeGroupEditor() {
|
||||||
|
const modal = document.getElementById('group-editor-modal');
|
||||||
|
if (modal) {
|
||||||
|
modal.classList.add('hidden');
|
||||||
|
this.currentEditingGroup = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
renderExistingGroups() {
|
||||||
|
const container = document.getElementById('existing-groups-list');
|
||||||
|
if (!container) return;
|
||||||
|
|
||||||
|
container.innerHTML = '';
|
||||||
|
this.groups.forEach(group => {
|
||||||
|
const item = document.createElement('div');
|
||||||
|
item.className = 'group-list-item';
|
||||||
|
item.innerHTML = `
|
||||||
|
<div class="group-icon-small default">
|
||||||
|
${this.getDefaultIconForCategory(group.category)}
|
||||||
|
</div>
|
||||||
|
<div class="group-info">
|
||||||
|
<div class="group-name">${group.name}</div>
|
||||||
|
<div class="group-category">${group.category}</div>
|
||||||
|
</div>
|
||||||
|
<button class="text-blue-500 hover:underline text-sm" onclick="launcherManager.editGroup('${group.id}')">
|
||||||
|
Editar
|
||||||
|
</button>
|
||||||
|
`;
|
||||||
|
container.appendChild(item);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
editGroup(groupId) {
|
||||||
|
const group = this.groups.find(g => g.id === groupId);
|
||||||
|
if (!group) return;
|
||||||
|
|
||||||
|
this.currentEditingGroup = group;
|
||||||
|
this.populateGroupForm(group);
|
||||||
|
document.getElementById('delete-group-btn').style.display = 'block';
|
||||||
|
}
|
||||||
|
|
||||||
|
populateGroupForm(group) {
|
||||||
|
document.getElementById('group-id').value = group.id;
|
||||||
|
document.getElementById('group-name').value = group.name;
|
||||||
|
document.getElementById('group-description').value = group.description || '';
|
||||||
|
document.getElementById('group-category').value = group.category;
|
||||||
|
document.getElementById('group-version').value = group.version || '1.0';
|
||||||
|
document.getElementById('group-directory').value = group.directory;
|
||||||
|
}
|
||||||
|
|
||||||
|
clearGroupForm() {
|
||||||
|
document.getElementById('group-id').value = '';
|
||||||
|
document.getElementById('group-name').value = '';
|
||||||
|
document.getElementById('group-description').value = '';
|
||||||
|
document.getElementById('group-category').value = 'Otros';
|
||||||
|
document.getElementById('group-version').value = '1.0';
|
||||||
|
document.getElementById('group-directory').value = '';
|
||||||
|
document.getElementById('delete-group-btn').style.display = 'none';
|
||||||
|
}
|
||||||
|
|
||||||
|
async saveGroup() {
|
||||||
|
const formData = {
|
||||||
|
id: document.getElementById('group-id').value,
|
||||||
|
name: document.getElementById('group-name').value,
|
||||||
|
description: document.getElementById('group-description').value,
|
||||||
|
category: document.getElementById('group-category').value,
|
||||||
|
version: document.getElementById('group-version').value,
|
||||||
|
directory: document.getElementById('group-directory').value
|
||||||
|
};
|
||||||
|
|
||||||
|
try {
|
||||||
|
let response;
|
||||||
|
if (this.currentEditingGroup) {
|
||||||
|
// Actualizar grupo existente
|
||||||
|
response = await fetch(`/api/launcher-groups/${this.currentEditingGroup.id}`, {
|
||||||
|
method: 'PUT',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify(formData)
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Crear nuevo grupo
|
||||||
|
response = await fetch('/api/launcher-groups', {
|
||||||
|
method: 'POST',
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json',
|
||||||
|
},
|
||||||
|
body: JSON.stringify(formData)
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
if (result.status === 'success') {
|
||||||
|
await this.loadGroups();
|
||||||
|
this.closeGroupEditor();
|
||||||
|
this.renderInterface();
|
||||||
|
} else {
|
||||||
|
alert(`Error: ${result.message}`);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error saving group:', error);
|
||||||
|
alert('Error al guardar el grupo');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async deleteGroup() {
|
||||||
|
if (!this.currentEditingGroup) return;
|
||||||
|
|
||||||
|
if (!confirm(`¿Estás seguro de que quieres eliminar el grupo "${this.currentEditingGroup.name}"?`)) return;
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/launcher-groups/${this.currentEditingGroup.id}`, {
|
||||||
|
method: 'DELETE'
|
||||||
|
});
|
||||||
|
|
||||||
|
const result = await response.json();
|
||||||
|
if (result.status === 'success') {
|
||||||
|
await this.loadGroups();
|
||||||
|
this.closeGroupEditor();
|
||||||
|
this.renderInterface();
|
||||||
|
|
||||||
|
// Limpiar selección si era el grupo actual
|
||||||
|
if (this.currentGroup && this.currentGroup.id === this.currentEditingGroup.id) {
|
||||||
|
document.getElementById('launcher-group-select').value = '';
|
||||||
|
this.currentGroup = null;
|
||||||
|
this.scripts = [];
|
||||||
|
this.renderScripts();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
alert(`Error: ${result.message}`);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
console.error('Error deleting group:', error);
|
||||||
|
alert('Error al eliminar el grupo');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
browseGroupDirectory() {
|
||||||
|
// Similar a la función existente pero para el formulario de grupos
|
||||||
|
fetch('/api/browse-directories')
|
||||||
|
.then(response => response.json())
|
||||||
|
.then(data => {
|
||||||
|
if (data.status === 'success') {
|
||||||
|
document.getElementById('group-directory').value = data.path;
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.error('Error browsing directory:', error);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// === FUNCIONES GLOBALES ===
|
||||||
|
|
||||||
|
// Función para cambiar entre tabs
|
||||||
|
function switchTab(tabName) {
|
||||||
|
// Cambiar tabs activos
|
||||||
|
document.querySelectorAll('.tab-button').forEach(btn => {
|
||||||
|
btn.classList.remove('active');
|
||||||
|
});
|
||||||
|
document.getElementById(`${tabName}-tab`).classList.add('active');
|
||||||
|
|
||||||
|
// Cambiar contenido
|
||||||
|
document.querySelectorAll('.tab-content').forEach(content => {
|
||||||
|
content.classList.add('hidden');
|
||||||
|
});
|
||||||
|
document.getElementById(`${tabName}-content`).classList.remove('hidden');
|
||||||
|
|
||||||
|
// Inicializar launcher si es la primera vez
|
||||||
|
if (tabName === 'launcher' && !window.launcherManager) {
|
||||||
|
window.launcherManager = new LauncherManager();
|
||||||
|
window.launcherManager.init();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Funciones para modales
|
||||||
|
function openGroupEditor() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.openGroupEditor();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function closeGroupEditor() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.closeGroupEditor();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function deleteGroup() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.deleteGroup();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function browseGroupDirectory() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.browseGroupDirectory();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function filterByCategory(category) {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.filterByCategory(category);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadLauncherScripts() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.loadLauncherScripts();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearLauncherHistory() {
|
||||||
|
if (window.launcherManager) {
|
||||||
|
window.launcherManager.clearLauncherHistory();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Funciones para modal de argumentos
|
||||||
|
function closeArgsModal() {
|
||||||
|
const modal = document.getElementById('script-args-modal');
|
||||||
|
if (modal) {
|
||||||
|
modal.classList.add('hidden');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function executeWithArgs() {
|
||||||
|
const modal = document.getElementById('script-args-modal');
|
||||||
|
const argsInput = document.getElementById('script-args-input');
|
||||||
|
|
||||||
|
if (modal && argsInput && window.launcherManager) {
|
||||||
|
const scriptName = modal.dataset.scriptName;
|
||||||
|
const args = argsInput.value.trim().split(/\s+/).filter(arg => arg.length > 0);
|
||||||
|
|
||||||
|
window.launcherManager.executeScript(scriptName, args);
|
||||||
|
closeArgsModal();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inicialización cuando se carga la página
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
console.log('Launcher JS loaded');
|
||||||
|
});
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="es">
|
||||||
|
|
||||||
<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">
|
||||||
|
|
@ -7,13 +8,17 @@
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class="bg-gray-100">
|
<body class="bg-gray-100">
|
||||||
<!-- Settings Button -->
|
<!-- Settings Button -->
|
||||||
<div class="fixed top-4 right-4 z-50">
|
<div class="fixed top-4 right-4 z-50">
|
||||||
<button onclick="toggleSidebar()" class="bg-white p-2 rounded-full shadow-lg hover:bg-gray-100">
|
<button onclick="toggleSidebar()" class="bg-white p-2 rounded-full shadow-lg hover:bg-gray-100">
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z">
|
||||||
|
</path>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -26,7 +31,8 @@
|
||||||
<h2 class="text-xl font-bold">Configuración Global</h2>
|
<h2 class="text-xl font-bold">Configuración Global</h2>
|
||||||
<button onclick="toggleSidebar()" class="text-gray-500 hover:text-gray-700">
|
<button onclick="toggleSidebar()" class="text-gray-500 hover:text-gray-700">
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12">
|
||||||
|
</path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -35,8 +41,7 @@
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div class="flex justify-between items-center mb-4">
|
<div class="flex justify-between items-center mb-4">
|
||||||
<h2 class="text-xl font-bold">Configuración Base</h2>
|
<h2 class="text-xl font-bold">Configuración Base</h2>
|
||||||
<button class="bg-blue-500 text-white px-4 py-2 rounded"
|
<button class="bg-blue-500 text-white px-4 py-2 rounded" onclick="toggleConfig('level1-content')">
|
||||||
onclick="toggleConfig('level1-content')">
|
|
||||||
Mostrar Configuración
|
Mostrar Configuración
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -53,9 +58,8 @@
|
||||||
<!-- Level 2 Configuration -->
|
<!-- Level 2 Configuration -->
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div class="flex justify-between items-center mb-4">
|
<div class="flex justify-between items-center mb-4">
|
||||||
<h2 class="text-xl font-bold">Configuración del Scrips</h2>
|
<h2 class="text-xl font-bold">Configuración del Scripts</h2>
|
||||||
<button class="bg-blue-500 text-white px-4 py-2 rounded"
|
<button class="bg-blue-500 text-white px-4 py-2 rounded" onclick="toggleConfig('level2-content')">
|
||||||
onclick="toggleConfig('level2-content')">
|
|
||||||
Mostrar Configuración
|
Mostrar Configuración
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -71,10 +75,12 @@
|
||||||
|
|
||||||
<!-- Botón para detener el servidor -->
|
<!-- Botón para detener el servidor -->
|
||||||
<div class="mt-8 pt-4 border-t border-gray-300">
|
<div class="mt-8 pt-4 border-t border-gray-300">
|
||||||
<button class="w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded shadow mb-2" onclick="openMinicondaConsole()">
|
<button class="w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded shadow mb-2"
|
||||||
|
onclick="openMinicondaConsole()">
|
||||||
Abrir Miniconda Console
|
Abrir Miniconda Console
|
||||||
</button>
|
</button>
|
||||||
<button class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded shadow" onclick="shutdownServer()">
|
<button class="w-full bg-red-600 hover:bg-red-700 text-white px-4 py-2 rounded shadow"
|
||||||
|
onclick="shutdownServer()">
|
||||||
Detener Servidor
|
Detener Servidor
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -83,23 +89,62 @@
|
||||||
|
|
||||||
<!-- Main Content -->
|
<!-- Main Content -->
|
||||||
<div class="container mx-auto px-4 py-8">
|
<div class="container mx-auto px-4 py-8">
|
||||||
|
<!-- Tab Navigation -->
|
||||||
|
<div class="mb-8">
|
||||||
|
<div class="border-b border-gray-200">
|
||||||
|
<nav class="-mb-px flex space-x-8">
|
||||||
|
<button id="config-tab" onclick="switchTab('config')"
|
||||||
|
class="tab-button active py-2 px-1 border-b-2 font-medium text-sm">
|
||||||
|
<span class="flex items-center">
|
||||||
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z">
|
||||||
|
</path>
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
||||||
|
</svg>
|
||||||
|
Scripts de Configuración
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
<button id="launcher-tab" onclick="switchTab('launcher')"
|
||||||
|
class="tab-button py-2 px-1 border-b-2 font-medium text-sm">
|
||||||
|
<span class="flex items-center">
|
||||||
|
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z">
|
||||||
|
</path>
|
||||||
|
</svg>
|
||||||
|
Launcher GUI
|
||||||
|
</span>
|
||||||
|
</button>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tab Content: Sistema de Configuración Actual -->
|
||||||
|
<div id="config-content" class="tab-content">
|
||||||
<!-- Script Group Selection -->
|
<!-- Script Group Selection -->
|
||||||
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
||||||
<h2 class="text-xl font-bold mb-4">Funciones a utilizar:</h2>
|
<h2 class="text-xl font-bold mb-4">Funciones a utilizar:</h2>
|
||||||
<div class="flex gap-2 items-center">
|
<div class="flex gap-2 items-center">
|
||||||
<select id="script-group" class="flex-1 p-2 border rounded mb-2">
|
<select id="script-group" class="flex-1 p-2 border rounded mb-2">
|
||||||
{% for group in script_groups %}
|
{% for group in script_groups %}
|
||||||
<option value="{{ group.id }}" data-description="{{ group.description }}">{{ group.name }}</option>
|
<option value="{{ group.id }}" data-description="{{ group.description }}">{{ group.name }}
|
||||||
|
</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
<button onclick="editGroupDescription()" class="bg-blue-500 text-white p-2 rounded mb-2">
|
<button onclick="editGroupDescription()" class="bg-blue-500 text-white p-2 rounded mb-2">
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z">
|
||||||
|
</path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button onclick="openGroupInVsCode()" class="bg-blue-500 text-white p-2 rounded mb-2" title="Abrir grupo en VS Code">
|
<button onclick="openGroupInVsCode()" class="bg-blue-500 text-white p-2 rounded mb-2"
|
||||||
|
title="Abrir grupo en VS Code">
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||||
|
d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" />
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -119,7 +164,9 @@
|
||||||
<button class="bg-gray-500 text-white px-4 py-2 rounded" onclick="browseDirectory()">
|
<button class="bg-gray-500 text-white px-4 py-2 rounded" onclick="browseDirectory()">
|
||||||
Explorar
|
Explorar
|
||||||
</button>
|
</button>
|
||||||
<button id="open-in-explorer-btn" class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded" title="Abrir directorio actual en el explorador de archivos">
|
<button id="open-in-explorer-btn"
|
||||||
|
class="bg-indigo-500 hover:bg-indigo-600 text-white px-4 py-2 rounded"
|
||||||
|
title="Abrir directorio actual en el explorador de archivos">
|
||||||
Abrir Carpeta
|
Abrir Carpeta
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -129,7 +176,8 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- Add directory history dropdown -->
|
<!-- Add directory history dropdown -->
|
||||||
<div class="mt-2">
|
<div class="mt-2">
|
||||||
<select id="directory-history" class="w-full p-2 border rounded text-gray-600" onchange="loadHistoryDirectory(this.value)">
|
<select id="directory-history" class="w-full p-2 border rounded text-gray-600"
|
||||||
|
onchange="loadHistoryDirectory(this.value)">
|
||||||
<option value="">-- Directorios recientes --</option>
|
<option value="">-- Directorios recientes --</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -139,8 +187,7 @@
|
||||||
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
||||||
<div class="flex justify-between items-center mb-4">
|
<div class="flex justify-between items-center mb-4">
|
||||||
<h2 class="text-xl font-bold">Configuración del Directorio</h2>
|
<h2 class="text-xl font-bold">Configuración del Directorio</h2>
|
||||||
<button class="bg-blue-500 text-white px-4 py-2 rounded"
|
<button class="bg-blue-500 text-white px-4 py-2 rounded" onclick="toggleConfig('level3-content')">
|
||||||
onclick="toggleConfig('level3-content')">
|
|
||||||
Ocultar Configuración
|
Ocultar Configuración
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -157,10 +204,99 @@
|
||||||
<!-- Scripts List -->
|
<!-- Scripts List -->
|
||||||
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
<div class="mb-8 bg-white p-6 rounded-lg shadow">
|
||||||
<h2 class="text-xl font-bold mb-4">Scripts Disponibles</h2>
|
<h2 class="text-xl font-bold mb-4">Scripts Disponibles</h2>
|
||||||
<div id="scripts-list" class="space-y-4"></div> <!-- Añadido space-y-4 para separación -->
|
<div id="scripts-list" class="space-y-4"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Logs -->
|
<!-- Tab Content: Nuevo Launcher GUI -->
|
||||||
|
<div id="launcher-content" class="tab-content hidden">
|
||||||
|
<!-- Launcher Controls -->
|
||||||
|
<div class="mb-6 bg-white p-6 rounded-lg shadow">
|
||||||
|
<div class="flex justify-between items-center mb-4">
|
||||||
|
<h2 class="text-xl font-bold">Launcher GUI - Scripts Independientes</h2>
|
||||||
|
<button onclick="openGroupEditor()"
|
||||||
|
class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">
|
||||||
|
Gestionar Grupos
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Group Selector -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="block text-sm font-medium mb-2">Seleccionar Grupo de Scripts</label>
|
||||||
|
<div class="relative">
|
||||||
|
<select id="launcher-group-select" class="w-full p-3 border rounded-lg pl-12"
|
||||||
|
onchange="loadLauncherScripts()">
|
||||||
|
<option value="">-- Seleccionar Grupo --</option>
|
||||||
|
</select>
|
||||||
|
<div class="absolute left-3 top-1/2 transform -translate-y-1/2">
|
||||||
|
<div id="selected-group-icon"
|
||||||
|
class="w-6 h-6 bg-gray-200 rounded flex items-center justify-center text-sm">📁</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Category Filter -->
|
||||||
|
<div class="mb-4">
|
||||||
|
<h3 class="text-sm font-medium mb-2">Filtrar por Categoría</h3>
|
||||||
|
<div class="flex flex-wrap gap-2">
|
||||||
|
<button class="category-btn active px-3 py-1 rounded-full text-sm border" data-category="all"
|
||||||
|
onclick="filterByCategory('all')">
|
||||||
|
Todas
|
||||||
|
</button>
|
||||||
|
<button class="category-btn px-3 py-1 rounded-full text-sm border" data-category="Herramientas"
|
||||||
|
onclick="filterByCategory('Herramientas')">
|
||||||
|
🔧 Herramientas
|
||||||
|
</button>
|
||||||
|
<button class="category-btn px-3 py-1 rounded-full text-sm border" data-category="Análisis"
|
||||||
|
onclick="filterByCategory('Análisis')">
|
||||||
|
📊 Análisis
|
||||||
|
</button>
|
||||||
|
<button class="category-btn px-3 py-1 rounded-full text-sm border" data-category="Utilidades"
|
||||||
|
onclick="filterByCategory('Utilidades')">
|
||||||
|
⚙️ Utilidades
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Favorites Panel -->
|
||||||
|
<div id="favorites-panel" class="mb-6 bg-yellow-50 border border-yellow-200 rounded-lg p-4">
|
||||||
|
<div class="flex items-center justify-between mb-3">
|
||||||
|
<h3 class="text-lg font-semibold text-yellow-800">
|
||||||
|
⭐ Scripts Favoritos
|
||||||
|
</h3>
|
||||||
|
<span class="text-sm text-yellow-600" id="favorites-count">
|
||||||
|
0 favoritos
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div id="favorites-list" class="space-y-2">
|
||||||
|
<!-- Lista dinámica de favoritos -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Scripts Grid -->
|
||||||
|
<div class="mb-6 bg-white p-6 rounded-lg shadow">
|
||||||
|
<h2 class="text-xl font-bold mb-4">Scripts Disponibles</h2>
|
||||||
|
<div id="launcher-scripts-grid" class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||||
|
<!-- Scripts cards dinámicos -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- History Panel -->
|
||||||
|
<div class="mb-6 bg-white p-6 rounded-lg shadow">
|
||||||
|
<div class="flex justify-between items-center mb-4">
|
||||||
|
<h3 class="text-lg font-semibold">📝 Historial Reciente</h3>
|
||||||
|
<button onclick="clearLauncherHistory()" class="text-red-500 hover:text-red-700 text-sm">
|
||||||
|
Limpiar Historial
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div id="history-list" class="space-y-2 max-h-64 overflow-y-auto">
|
||||||
|
<!-- Lista dinámica de historial -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Logs (común para ambos sistemas) -->
|
||||||
<div class="bg-white p-6 rounded-lg shadow">
|
<div class="bg-white p-6 rounded-lg shadow">
|
||||||
<div class="flex justify-between items-center mb-4">
|
<div class="flex justify-between items-center mb-4">
|
||||||
<h2 class="text-xl font-bold">Logs</h2>
|
<h2 class="text-xl font-bold">Logs</h2>
|
||||||
|
|
@ -168,12 +304,13 @@
|
||||||
Limpiar
|
Limpiar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div id="log-area" class="bg-gray-100 p-4 rounded h-64 overflow-y-auto font-mono text-sm whitespace-pre-wrap">
|
<div id="log-area"
|
||||||
|
class="bg-gray-100 p-4 rounded h-64 overflow-y-auto font-mono text-sm whitespace-pre-wrap">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Schema Editor Modal -->
|
<!-- Schema Editor Modal (existente) -->
|
||||||
<div id="schema-editor" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center">
|
<div id="schema-editor" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center">
|
||||||
<div class="modal-content bg-white rounded-lg shadow-lg max-h-screen overflow-auto">
|
<div class="modal-content bg-white rounded-lg shadow-lg max-h-screen overflow-auto">
|
||||||
<div class="modal-header">
|
<div class="modal-header">
|
||||||
|
|
@ -184,14 +321,14 @@
|
||||||
class="bg-gray-500 text-white px-4 py-2 rounded">
|
class="bg-gray-500 text-white px-4 py-2 rounded">
|
||||||
Cancelar
|
Cancelar
|
||||||
</button>
|
</button>
|
||||||
<button onclick="saveSchema()"
|
<button onclick="saveSchema()" class="bg-blue-500 text-white px-4 py-2 rounded">
|
||||||
class="bg-blue-500 text-white px-4 py-2 rounded">
|
|
||||||
Guardar
|
Guardar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex mt-4" id="editor-tabs">
|
<div class="flex mt-4" id="editor-tabs">
|
||||||
<button id="visual-tab" class="px-4 py-2 border-b-2" onclick="switchEditorMode('visual')">Visual</button>
|
<button id="visual-tab" class="px-4 py-2 border-b-2"
|
||||||
|
onclick="switchEditorMode('visual')">Visual</button>
|
||||||
<button id="json-tab" class="px-4 py-2 border-b-2" onclick="switchEditorMode('json')">JSON</button>
|
<button id="json-tab" class="px-4 py-2 border-b-2" onclick="switchEditorMode('json')">JSON</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -199,7 +336,8 @@
|
||||||
<div class="p-4">
|
<div class="p-4">
|
||||||
<div id="visual-editor" class="hidden">
|
<div id="visual-editor" class="hidden">
|
||||||
<div id="schema-fields"></div>
|
<div id="schema-fields"></div>
|
||||||
<button onclick="addSchemaField()" class="mt-4 bg-green-500 text-white px-4 py-2 rounded">Agregar Campo</button>
|
<button onclick="addSchemaField()" class="mt-4 bg-green-500 text-white px-4 py-2 rounded">Agregar
|
||||||
|
Campo</button>
|
||||||
</div>
|
</div>
|
||||||
<textarea id="json-editor" class="w-full h-96 font-mono p-2 border rounded"></textarea>
|
<textarea id="json-editor" class="w-full h-96 font-mono p-2 border rounded"></textarea>
|
||||||
<input type="hidden" id="schema-level">
|
<input type="hidden" id="schema-level">
|
||||||
|
|
@ -211,8 +349,7 @@
|
||||||
class="bg-gray-500 text-white px-4 py-2 rounded">
|
class="bg-gray-500 text-white px-4 py-2 rounded">
|
||||||
Cancelar
|
Cancelar
|
||||||
</button>
|
</button>
|
||||||
<button onclick="saveSchema()"
|
<button onclick="saveSchema()" class="bg-blue-500 text-white px-4 py-2 rounded">
|
||||||
class="bg-blue-500 text-white px-4 py-2 rounded">
|
|
||||||
Guardar
|
Guardar
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -220,13 +357,15 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Script Details Editor Modal -->
|
<!-- Script Details Editor Modal (existente) -->
|
||||||
<div id="script-editor-modal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50">
|
<div id="script-editor-modal"
|
||||||
|
class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 flex items-center justify-center z-50">
|
||||||
<div class="modal-content bg-white rounded-lg shadow-lg w-full max-w-lg max-h-[90vh] overflow-auto">
|
<div class="modal-content bg-white rounded-lg shadow-lg w-full max-w-lg max-h-[90vh] overflow-auto">
|
||||||
<div class="modal-header sticky top-0 bg-white border-b p-4">
|
<div class="modal-header sticky top-0 bg-white border-b p-4">
|
||||||
<div class="flex justify-between items-center">
|
<div class="flex justify-between items-center">
|
||||||
<h3 class="text-xl font-bold">Editar Detalles del Script</h3>
|
<h3 class="text-xl font-bold">Editar Detalles del Script</h3>
|
||||||
<button onclick="closeScriptEditorModal()" class="text-gray-500 hover:text-gray-700">×</button>
|
<button onclick="closeScriptEditorModal()"
|
||||||
|
class="text-gray-500 hover:text-gray-700">×</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-6 space-y-4">
|
<div class="p-6 space-y-4">
|
||||||
|
|
@ -234,7 +373,8 @@
|
||||||
<input type="hidden" id="edit-script-filename">
|
<input type="hidden" id="edit-script-filename">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-bold mb-1">Nombre del Archivo</label>
|
<label class="block text-sm font-bold mb-1">Nombre del Archivo</label>
|
||||||
<p id="edit-script-filename-display" class="text-sm text-gray-600 bg-gray-100 p-2 rounded border"></p>
|
<p id="edit-script-filename-display" class="text-sm text-gray-600 bg-gray-100 p-2 rounded border">
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -242,29 +382,155 @@
|
||||||
<input type="text" id="edit-script-display-name" class="w-full p-2 border rounded">
|
<input type="text" id="edit-script-display-name" class="w-full p-2 border rounded">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="edit-script-short-description" class="block text-sm font-bold mb-2">Descripción Corta</label>
|
<label for="edit-script-short-description" class="block text-sm font-bold mb-2">Descripción
|
||||||
|
Corta</label>
|
||||||
<input type="text" id="edit-script-short-description" class="w-full p-2 border rounded">
|
<input type="text" id="edit-script-short-description" class="w-full p-2 border rounded">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label for="edit-script-long-description" class="block text-sm font-bold mb-2">Descripción Larga / Ayuda</label>
|
<label for="edit-script-long-description" class="block text-sm font-bold mb-2">Descripción Larga /
|
||||||
|
Ayuda</label>
|
||||||
<textarea id="edit-script-long-description" class="w-full p-2 border rounded" rows="5"></textarea>
|
<textarea id="edit-script-long-description" class="w-full p-2 border rounded" rows="5"></textarea>
|
||||||
<p class="text-xs text-gray-500 mt-1">Usa Markdown. Doble Enter para párrafo nuevo, dos espacios + Enter para salto de línea simple.</p>
|
<p class="text-xs text-gray-500 mt-1">Usa Markdown. Doble Enter para párrafo nuevo, dos espacios +
|
||||||
|
Enter para salto de línea simple.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<input type="checkbox" id="edit-script-hidden" class="form-checkbox h-5 w-5 mr-2">
|
<input type="checkbox" id="edit-script-hidden" class="form-checkbox h-5 w-5 mr-2">
|
||||||
<label for="edit-script-hidden" class="text-sm font-bold">Ocultar script (no se podrá ejecutar desde la UI)</label>
|
<label for="edit-script-hidden" class="text-sm font-bold">Ocultar script (no se podrá ejecutar desde
|
||||||
|
la UI)</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer sticky bottom-0 bg-white border-t p-4 flex justify-end gap-4">
|
<div class="modal-footer sticky bottom-0 bg-white border-t p-4 flex justify-end gap-4">
|
||||||
<button onclick="closeScriptEditorModal()" class="bg-gray-500 text-white px-4 py-2 rounded">Cancelar</button>
|
<button onclick="closeScriptEditorModal()"
|
||||||
<button onclick="saveScriptDetails()" class="bg-blue-500 text-white px-4 py-2 rounded">Guardar Cambios</button>
|
class="bg-gray-500 text-white px-4 py-2 rounded">Cancelar</button>
|
||||||
|
<button onclick="saveScriptDetails()" class="bg-blue-500 text-white px-4 py-2 rounded">Guardar
|
||||||
|
Cambios</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Corregir la ruta del script -->
|
<!-- Group Editor Modal (NUEVO) -->
|
||||||
<script src="https://unpkg.com/markdown-it@14.1.0/dist/markdown-it.min.js"></script> <!-- Librería Markdown-it (unpkg) -->
|
<div id="group-editor-modal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 z-50">
|
||||||
|
<div class="flex items-center justify-center min-h-screen p-4">
|
||||||
|
<div class="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-screen overflow-y-auto">
|
||||||
|
<div class="p-6">
|
||||||
|
<h3 class="text-xl font-semibold mb-6">Gestionar Grupos de Scripts GUI</h3>
|
||||||
|
|
||||||
|
<!-- Lista de grupos existentes -->
|
||||||
|
<div class="mb-6">
|
||||||
|
<h4 class="font-medium mb-3">Grupos Existentes</h4>
|
||||||
|
<div id="existing-groups-list" class="space-y-2 max-h-40 overflow-y-auto border rounded p-2">
|
||||||
|
<!-- Lista dinámica -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Formulario de edición -->
|
||||||
|
<form id="group-form" class="space-y-4">
|
||||||
|
<div class="grid grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">ID del Grupo</label>
|
||||||
|
<input type="text" id="group-id" class="w-full p-2 border rounded" required>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">Nombre</label>
|
||||||
|
<input type="text" id="group-name" class="w-full p-2 border rounded" required>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">Descripción</label>
|
||||||
|
<textarea id="group-description" class="w-full p-2 border rounded h-20"></textarea>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-2 gap-4">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">Categoría</label>
|
||||||
|
<select id="group-category" class="w-full p-2 border rounded">
|
||||||
|
<option value="Herramientas">🔧 Herramientas</option>
|
||||||
|
<option value="Análisis">📊 Análisis</option>
|
||||||
|
<option value="Utilidades">⚙️ Utilidades</option>
|
||||||
|
<option value="Desarrollo">💻 Desarrollo</option>
|
||||||
|
<option value="Visualización">📈 Visualización</option>
|
||||||
|
<option value="Otros">📁 Otros</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">Versión</label>
|
||||||
|
<input type="text" id="group-version" class="w-full p-2 border rounded" value="1.0">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">Directorio</label>
|
||||||
|
<div class="flex gap-2">
|
||||||
|
<input type="text" id="group-directory" class="flex-1 p-2 border rounded" required>
|
||||||
|
<button type="button" onclick="browseGroupDirectory()"
|
||||||
|
class="bg-gray-500 text-white px-4 py-2 rounded">
|
||||||
|
Explorar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-end gap-3 pt-4">
|
||||||
|
<button type="button" onclick="closeGroupEditor()"
|
||||||
|
class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
<button type="button" onclick="deleteGroup()"
|
||||||
|
class="px-4 py-2 bg-red-500 text-white rounded hover:bg-red-600" id="delete-group-btn"
|
||||||
|
style="display: none;">
|
||||||
|
Eliminar
|
||||||
|
</button>
|
||||||
|
<button type="submit" class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
|
||||||
|
Guardar
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Script Arguments Modal (NUEVO) -->
|
||||||
|
<div id="script-args-modal" class="hidden fixed inset-0 bg-gray-600 bg-opacity-50 z-50">
|
||||||
|
<div class="flex items-center justify-center min-h-screen p-4">
|
||||||
|
<div class="bg-white rounded-lg shadow-xl max-w-md w-full">
|
||||||
|
<div class="p-6">
|
||||||
|
<h3 class="text-lg font-semibold mb-4">Argumentos del Script</h3>
|
||||||
|
<div id="script-info" class="mb-4 p-3 bg-gray-50 rounded">
|
||||||
|
<div class="font-medium" id="script-display-name"></div>
|
||||||
|
<div class="text-sm text-gray-600" id="script-args-description"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="space-y-3">
|
||||||
|
<div>
|
||||||
|
<label class="block text-sm font-medium mb-1">
|
||||||
|
Argumentos de Línea de Comandos
|
||||||
|
</label>
|
||||||
|
<textarea id="script-args-input" class="w-full p-2 border rounded h-20"
|
||||||
|
placeholder="--input data.xlsx --output results.csv"></textarea>
|
||||||
|
<p class="text-xs text-gray-500 mt-1">
|
||||||
|
Separar argumentos con espacios. Usar comillas para valores con espacios.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex justify-end gap-3 mt-6">
|
||||||
|
<button onclick="closeArgsModal()" class="px-4 py-2 text-gray-600 hover:text-gray-800">
|
||||||
|
Cancelar
|
||||||
|
</button>
|
||||||
|
<button onclick="executeWithArgs()"
|
||||||
|
class="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600">
|
||||||
|
Ejecutar Script
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script src="https://unpkg.com/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
|
||||||
<script src="{{ url_for('static', filename='js/scripts.js') }}" defer></script>
|
<script src="{{ url_for('static', filename='js/scripts.js') }}" defer></script>
|
||||||
|
<script src="{{ url_for('static', filename='js/launcher.js') }}" defer></script>
|
||||||
<script>
|
<script>
|
||||||
window.addEventListener('load', () => {
|
window.addEventListener('load', () => {
|
||||||
console.log('Window loaded, initializing app...');
|
console.log('Window loaded, initializing app...');
|
||||||
|
|
@ -276,4 +542,5 @@
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue