-
-
-
- Estado de Conexión -
+
+
@@ -193,7 +151,6 @@
if (!localStorage.getItem("token")) window.location.href = "index.html";
showTab('templates');
loadTemplates();
- loadWhatsappConfig(); // Cargar config si existe
});
function showTab(tabId) {
@@ -212,105 +169,62 @@
if(tabId === 'whatsapp') { checkWhatsappStatus(); }
}
- // --- WHATSAPP CONFIG & STATUS ---
- function loadWhatsappConfig() {
- // Por ahora usamos localStorage, idealmente vendría del backend
- const conf = JSON.parse(localStorage.getItem('wa_config') || '{}');
- if(conf.url) document.getElementById('waUrl').value = conf.url;
- if(conf.key) document.getElementById('waKey').value = conf.key;
- if(conf.instance) document.getElementById('waInstance').value = conf.instance;
- }
-
- function saveWhatsappConfig() {
- const url = document.getElementById('waUrl').value.replace(/\/$/, ""); // Quitar slash final
- const key = document.getElementById('waKey').value;
- const instance = document.getElementById('waInstance').value;
-
- if(!url || !key || !instance) { showToast("Rellena todos los campos", true); return; }
-
- localStorage.setItem('wa_config', JSON.stringify({ url, key, instance }));
- showToast("Configuración guardada");
- checkWhatsappStatus();
- }
-
+ // --- WHATSAPP STATUS (AUTOMÁTICO) ---
async function checkWhatsappStatus() {
- const conf = JSON.parse(localStorage.getItem('wa_config') || '{}');
const container = document.getElementById('waStatusContainer');
-
- if(!conf.url || !conf.key || !conf.instance) {
- container.innerHTML = `
-
+
+
+
-
+
-
-
- Conexión con WhatsApp
+Escanea el código QR para vincular tu número de empresa. Esto permitirá enviar notificaciones automáticas.
+ +
-
- Comprobando estado...
+
+ Iniciando instancia segura...
-
-
- Configuración API -
-Introduce los datos de tu instancia de Evolution API.
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
- Instancia segura gestionada automáticamente por el servidor.
-
-
`;
- lucide.createIcons();
- return;
- }
-
container.innerHTML = `
Configura la API primero
-
-
- Conectando con Evolution API...
+
+ Verificando instancia...
`;
lucide.createIcons();
try {
- // 1. Verificar estado de la instancia
- const res = await fetch(`${conf.url}/instance/connectionState/${conf.instance}`, {
- headers: { "apikey": conf.key }
+ // Llamamos a NUESTRO backend, que gestiona todo con Evolution
+ const res = await fetch(`${API_URL}/whatsapp/status`, {
+ headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` }
});
- if(!res.ok) throw new Error("Error al conectar");
-
const data = await res.json();
- const state = data.instance?.state || "close";
- if (state === "open") {
+ if (!data.ok) throw new Error(data.error || "Error desconocido");
+
+ if (data.state === "open") {
container.innerHTML = `
-
-
+
`;
- } else {
- // Si no está conectado, intentamos obtener el QR
- // Nota: En Evolution v2 el endpoint de QR puede variar, aquí asumo el estándar
+ } else if (data.qr) {
container.innerHTML = `
-
+
- Conectado
-Listo para enviar mensajes
+Conectado
+Instancia: ${data.instanceName}
- 
`;
- }
+
+ if(data.qr.startsWith('data:image')) {
+ document.getElementById('qrcode').innerHTML = `
`;
+ } else {
+ new QRCode(document.getElementById("qrcode"), { text: data.qr, width: 180, height: 180 });
}
+ } else {
+ container.innerHTML = `
-
-
- Desconectado
-Escanea el QR para vincular
- +
+
+
`;
-
- // Fetch QR (esto depende de la versión exacta de Evolution API)
- const resQr = await fetch(`${conf.url}/instance/connect/${conf.instance}`, { headers: { "apikey": conf.key } });
- const dataQr = await resQr.json();
- if(dataQr.code || dataQr.base64) {
- // Si recibimos base64, lo mostramos como imagen
- // Si recibimos string, usamos qrcode.js (si está cargado)
- const qrCode = dataQr.code || dataQr.base64;
- if(qrCode.startsWith('data:image')) {
- document.getElementById('qrcode').innerHTML = `Esperando escaneo...
Iniciando... intenta de nuevo en unos segundos.
`; } } catch(e) { container.innerHTML = ` -
-
-
Error de conexión
-Revisa la URL y la API Key
+
+
+
`;
}
lucide.createIcons();
}
- // --- GESTIÓN DE PLANTILLAS (IGUAL QUE ANTES) ---
+ // --- GESTIÓN DE PLANTILLAS ---
async function loadTemplates() {
try {
const res = await fetch(`${API_URL}/templates`, { headers: { "Authorization": `Bearer ${localStorage.getItem("token")}` } });
Error de conexión
+${e.message}