diff --git a/assets/js/app_simple.js b/assets/js/app_simple.js index 88c650e..5d3d2fe 100644 --- a/assets/js/app_simple.js +++ b/assets/js/app_simple.js @@ -377,6 +377,9 @@ class SimpleWhatsAppManager { const container = document.getElementById('users-table'); if (!container) return; + // Guardar datos para uso posterior + this.usersData = users; + if (users.length === 0) { container.innerHTML = 'No hay usuarios registrados'; return; @@ -834,6 +837,9 @@ class SimpleWhatsAppManager { const container = document.getElementById('templates-table'); if (!container) return; + // Guardar datos para uso posterior + this.templatesData = templates; + if (templates.length === 0) { container.innerHTML = 'No hay plantillas registradas'; return; @@ -1100,14 +1106,24 @@ class SimpleWhatsAppManager { this.log('Guardando respuesta automática'); try { + const autoresponseId = document.getElementById('autoresponse-id')?.value || ''; + const responseData = { - trigger_type: document.getElementById('autoresponse-type')?.value || 'keyword', - trigger_value: document.getElementById('autoresponse-trigger')?.value || '', + trigger_type: document.getElementById('autoresponse-trigger-type')?.value || 'keyword', + trigger_value: document.getElementById('autoresponse-trigger-value')?.value || '', response_text: document.getElementById('autoresponse-text')?.value || '', - response_type: document.getElementById('autoresponse-response-type')?.value || 'text', - is_active: document.getElementById('autoresponse-active')?.checked ? 1 : 0 + response_type: document.getElementById('autoresponse-type')?.value || 'text', + priority: document.getElementById('autoresponse-priority')?.value || 0, + template_name: document.getElementById('autoresponse-template-name')?.value || '', + menu_id: document.getElementById('autoresponse-menu-id')?.value || '', + is_active: document.getElementById('autoresponse-active')?.value === '1' ? 1 : 0 }; + // Si hay ID, es una actualización + if (autoresponseId) { + responseData.id = autoresponseId; + } + // Validar campos requeridos if (!responseData.response_text) { this.showError('El texto de respuesta es requerido'); @@ -1157,7 +1173,7 @@ class SimpleWhatsAppManager { try { const response = await this.apiCall('delete_autoresponse.php', { method: 'POST', - body: { response_id: responseId } + body: { id: responseId } }); if (response && response.success) { @@ -1440,6 +1456,50 @@ class SimpleWhatsAppManager { const bootstrapModal = new bootstrap.Modal(modal); bootstrapModal.show(); } + + async deleteUserAction(userId, userName, userPhone) { + if (!confirm(`¿Estás seguro de que quieres eliminar este usuario?\n\nUsuario: ${userName}\nTeléfono: ${userPhone}\n\nEsta acción no se puede deshacer y eliminará:\n• Todos sus mensajes\n• Su historial de conversación\n• Sus datos personales`)) { + return; + } + + this.log(`Eliminando usuario ID: ${userId}`); + + try { + const response = await this.apiCall('delete_user.php', { + method: 'POST', + body: { id: userId } + }); + + if (response && response.success) { + this.showSuccess('Usuario eliminado correctamente'); + this.loadUsers(); // Recargar la lista + } else { + this.showError(`Error eliminando usuario: ${response?.error || 'Error desconocido'}`); + } + } catch (error) { + this.showError('Error eliminando usuario: ' + error.message); + } + } + + async deleteTemplateAction(templateId) { + this.log(`Eliminando plantilla ID: ${templateId}`); + + try { + const response = await this.apiCall('delete_template.php', { + method: 'POST', + body: { id: templateId } + }); + + if (response && response.success) { + this.showSuccess('Plantilla eliminada correctamente'); + this.loadTemplates(); // Recargar la lista + } else { + this.showError(`Error eliminando plantilla: ${response?.error || 'Error desconocido'}`); + } + } catch (error) { + this.showError('Error eliminando plantilla: ' + error.message); + } + } } // Inicializar cuando el DOM esté listo @@ -1987,7 +2047,18 @@ window.viewConversation = function (userId) { // Función para editar usuario window.editUser = function (userId) { console.log('Editando usuario:', userId); - alert(`Editar usuario ${userId} - Función en desarrollo`); + + // Buscar el usuario en los datos cargados + if (window.whatsappManager && window.whatsappManager.usersData) { + const user = window.whatsappManager.usersData.find(u => u.id == userId); + if (user) { + showEditUserModal(user); + } else { + alert('Error: Usuario no encontrado'); + } + } else { + alert('Error: Datos no disponibles, recarga la página'); + } }; // Función para ver historial de usuario @@ -2009,8 +2080,11 @@ window.viewUserHistory = function (userId) {
Historial de Usuario
-

Esta funcionalidad está en desarrollo.
- Aquí se mostrará el historial completo de mensajes y actividades del usuario.

+

Para ver el historial completo de conversaciones, usa la pestaña "Conversaciones" en el menú principal.
+ Allí podrás ver todos los mensajes y el historial detallado de cada usuario.

+ + Ir a Conversaciones +
@@ -2074,8 +2148,21 @@ window.deleteUser = async function (userId) { // Función para eliminar usuario window.deleteUser = function (userId) { console.log('Eliminando usuario:', userId); - if (confirm(`¿Está seguro que desea eliminar el usuario ${userId}?`)) { - alert(`Eliminar usuario ${userId} - Función en desarrollo`); + + // Buscar el usuario para mostrar información + let userName = 'Usuario ' + userId; + let userPhone = ''; + + if (window.whatsappManager && window.whatsappManager.usersData) { + const user = window.whatsappManager.usersData.find(u => u.id == userId); + if (user) { + userName = user.name || 'Usuario ' + userId; + userPhone = user.phone_number || ''; + } + } + + if (window.whatsappManager) { + window.whatsappManager.deleteUserAction(userId, userName, userPhone); } }; @@ -2087,13 +2174,132 @@ window.showCreateTemplateModal = function () { window.editTemplate = function (templateId) { console.log('Editando plantilla:', templateId); - alert(`Editar plantilla ${templateId} - Función en desarrollo`); + + // Las plantillas de WhatsApp no se pueden editar una vez creadas + // Solo se pueden crear nuevas o eliminar existentes + if (window.whatsappManager) { + window.whatsappManager.showInfo( + 'Las plantillas de WhatsApp aprobadas no se pueden editar una vez creadas. ' + + 'Si necesitas cambiar el contenido, debes crear una nueva plantilla y enviarla a revisión.' + ); + } else { + alert('Las plantillas no se pueden editar. Crea una nueva plantilla si necesitas modificar el contenido.'); + } }; window.deleteTemplate = function (templateId) { console.log('Eliminando plantilla:', templateId); - if (confirm(`¿Está seguro que desea eliminar la plantilla ${templateId}?`)) { - alert(`Eliminar plantilla ${templateId} - Función en desarrollo`); + + // Buscar la plantilla para mostrar información + let templateName = 'Plantilla ' + templateId; + + if (window.whatsappManager && window.whatsappManager.templatesData) { + const template = window.whatsappManager.templatesData.find(t => t.id == templateId); + if (template) { + templateName = template.name || 'Plantilla ' + templateId; + } + } + + if (confirm(`¿Está seguro que desea eliminar la plantilla "${templateName}"?\n\nEsta acción no se puede deshacer.`)) { + if (window.whatsappManager) { + window.whatsappManager.deleteTemplateAction(templateId); + } + } +}; + +// Función para editar usuario - Modal simple +window.showEditUserModal = function(user) { + const modalHtml = ` + + `; + + // Eliminar modal anterior si existe + const existingModal = document.getElementById('editUserModal'); + if (existingModal) { + existingModal.remove(); + } + + // Agregar nuevo modal + document.body.insertAdjacentHTML('beforeend', modalHtml); + + // Mostrar modal + const modal = new bootstrap.Modal(document.getElementById('editUserModal')); + modal.show(); +}; + +// Función para guardar usuario editado +window.saveEditedUser = async function() { + const userId = document.getElementById('edit-user-id').value; + const name = document.getElementById('edit-user-name').value; + const status = document.getElementById('edit-user-status').value; + + if (window.whatsappManager) { + try { + const response = await window.whatsappManager.apiCall('update_user.php', { + method: 'POST', + body: { + id: userId, + name: name, + status: status + } + }); + + if (response && response.success) { + window.whatsappManager.showSuccess('Usuario actualizado correctamente'); + + // Cerrar modal + const modal = bootstrap.Modal.getInstance(document.getElementById('editUserModal')); + if (modal) modal.hide(); + + // Recargar lista + window.whatsappManager.loadUsers(); + } else { + window.whatsappManager.showError(`Error: ${response?.error || 'Error desconocido'}`); + } + } catch (error) { + window.whatsappManager.showError('Error actualizando usuario: ' + error.message); + } } }; @@ -2228,11 +2434,7 @@ window.removeMenuOption = function (button) { }; // Funciones globales para gestión de respuestas automáticas -window.editAutoResponse = function (responseId) { - console.log('Editando respuesta automática:', responseId); - // TODO: Implementar edición de respuestas automáticas - alert(`Editar respuesta automática ${responseId} - Función en desarrollo`); -}; +// La función real está más abajo en el archivo (línea ~2390) window.deleteAutoResponse = function (responseId) { console.log('Eliminando respuesta automática:', responseId); diff --git a/test_webhook.php b/test_webhook.php new file mode 100644 index 0000000..f45bb5f --- /dev/null +++ b/test_webhook.php @@ -0,0 +1,366 @@ + + + + + + + Diagnóstico de Webhook - WhatsApp Bot + + + + + +
+
+

+ Diagnóstico de Webhook WhatsApp +

+

Verificación completa del estado del webhook y configuración

+
+ + "; + echo "

1. Configuración del Sistema

"; + + $config = [ + 'WHATSAPP_TOKEN' => defined('WHATSAPP_TOKEN') ? WHATSAPP_TOKEN : null, + 'WHATSAPP_PHONE_NUMBER_ID' => defined('WHATSAPP_PHONE_NUMBER_ID') ? WHATSAPP_PHONE_NUMBER_ID : null, + 'WEBHOOK_VERIFY_TOKEN' => defined('WEBHOOK_VERIFY_TOKEN') ? WEBHOOK_VERIFY_TOKEN : null, + 'WHATSAPP_API_URL' => defined('WHATSAPP_API_URL') ? WHATSAPP_API_URL : null, + ]; + + echo ""; + foreach ($config as $key => $value) { + $status = !empty($value) ? 'ok' : 'error'; + $icon = !empty($value) ? '✅' : '❌'; + $displayValue = !empty($value) ? (strlen($value) > 30 ? substr($value, 0, 30) . '...' : $value) : 'NO CONFIGURADO'; + + if ($status === 'error') $allOk = false; + + echo ""; + echo ""; + echo ""; + echo ""; + } + echo "
$icon $key$displayValue
"; + echo "
"; + + // Test 2: URL del Webhook + echo "
"; + echo "

2. URL del Webhook

"; + + $protocol = isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http'; + $host = $_SERVER['HTTP_HOST']; + $webhookUrl = $protocol . '://' . $host . '/api/webhook.php'; + + echo "
"; + echo "URL para configurar en Meta/Facebook:
"; + echo "$webhookUrl"; + echo ""; + echo "
"; + + // Verificar si el archivo existe + $webhookFile = __DIR__ . '/api/webhook.php'; + if (file_exists($webhookFile)) { + echo "

✅ Archivo webhook.php existe

"; + } else { + echo "

❌ Archivo webhook.php NO encontrado

"; + $allOk = false; + } + + echo "
"; + + // Test 3: Verificación GET + echo "
"; + echo "

3. Test de Verificación (GET)

"; + + $verifyUrl = $webhookUrl . '?hub.mode=subscribe&hub.verify_token=' . urlencode(WEBHOOK_VERIFY_TOKEN) . '&hub.challenge=test_challenge_12345'; + + echo "

URL de prueba:

"; + echo "
" . htmlspecialchars($verifyUrl) . "
"; + + echo "
"; + echo "💡 Nota: Este test intenta verificar el webhook desde el servidor mismo. "; + echo "Si estás en localhost, es normal que falle. Lo importante es que el archivo exista y esté configurado correctamente."; + echo "
"; + + // Intentar hacer la verificación solo si no es localhost + $isLocalhost = (strpos($host, 'localhost') !== false || strpos($host, '127.0.0.1') !== false); + + if (!$isLocalhost) { + $ch = curl_init(); + curl_setopt($ch, CURLOPT_URL, $verifyUrl); + curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + curl_setopt($ch, CURLOPT_TIMEOUT, 10); + curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false); + curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); + + $response = curl_exec($ch); + $httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE); + $error = curl_error($ch); + curl_close($ch); + + if ($httpCode == 200 && $response === 'test_challenge_12345') { + echo "

✅ Verificación GET exitosa - El webhook responde correctamente

"; + echo "

Respuesta: $response

"; + } else { + echo "

❌ Error en verificación GET

"; + echo "

Código HTTP: $httpCode

"; + echo "

Respuesta: " . htmlspecialchars($response) . "

"; + if ($error) echo "

Error cURL: $error

"; + $allOk = false; + } + } else { + // Test manual para localhost + echo "
"; + echo "⚠️ Entorno Local Detectado
"; + echo "No se puede hacer la verificación automática en localhost. "; + echo "En su lugar, puedes probar manualmente:"; + echo "
"; + + echo "
    "; + echo "
  1. Haz clic en el botón de abajo para probar el webhook
    2. "; + echo "
  2. Deberías ver el texto: test_challenge_12345
    3. "; + echo "
"; + + echo ""; + echo " Probar Webhook Manualmente"; + echo ""; + + // Verificar el archivo directamente + $webhookFilePath = __DIR__ . '/api/webhook.php'; + if (file_exists($webhookFilePath)) { + echo "

✅ El archivo webhook.php existe y es accesible

"; + + // Verificar permisos de lectura + if (is_readable($webhookFilePath)) { + echo "

✅ El archivo tiene permisos de lectura

"; + + // Verificar que contenga el código necesario + $webhookContent = file_get_contents($webhookFilePath); + if (strpos($webhookContent, 'hub_verify_token') !== false && + strpos($webhookContent, 'hub_challenge') !== false) { + echo "

✅ El archivo contiene el código de verificación correcto

"; + } else { + echo "

⚠️ El archivo puede no contener el código de verificación

"; + } + } else { + echo "

❌ El archivo no tiene permisos de lectura

"; + $allOk = false; + } + } + } + + echo "
"; + + // Test 4: Estructura de tablas + echo "
"; + echo "

4. Estructura de Base de Datos

"; + + $requiredTables = ['users', 'conversations', 'menus', 'menu_options', 'autoresponses', 'webhook_logs']; + + echo ""; + foreach ($requiredTables as $table) { + $exists = $db->fetchAll("SHOW TABLES LIKE '$table'"); + $status = !empty($exists) ? 'ok' : 'error'; + $icon = !empty($exists) ? '✅' : '❌'; + + if ($status === 'error') $allOk = false; + + echo ""; + echo ""; + + if (!empty($exists)) { + // Contar registros + $count = $db->fetch("SELECT COUNT(*) as total FROM $table"); + echo ""; + } else { + echo ""; + } + + echo ""; + } + echo "
$icon Tabla: $table{$count['total']} registrosNO EXISTE
"; + echo "
"; + + // Test 5: Últimos mensajes recibidos + echo "
"; + echo "

5. Mensajes Recibidos Recientemente

"; + + $recentMessages = $db->fetchAll( + "SELECT c.*, u.phone_number, u.name + FROM conversations c + LEFT JOIN users u ON c.user_id = u.id + WHERE c.direction = 'incoming' + ORDER BY c.created_at DESC + LIMIT 5" + ); + + if (!empty($recentMessages)) { + echo "

✅ Se encontraron mensajes entrantes

"; + echo ""; + echo ""; + echo ""; + foreach ($recentMessages as $msg) { + $date = date('d/m/Y H:i', strtotime($msg['created_at'])); + $phone = $msg['phone_number'] ?? 'Desconocido'; + $content = htmlspecialchars(substr($msg['content'], 0, 50)); + $status = $msg['status']; + + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + } + echo "
FechaUsuarioMensajeEstado
$date$phone$content$status
"; + } else { + echo "

⚠️ No se encontraron mensajes entrantes. El webhook puede no estar recibiendo datos.

"; + echo "
"; + echo "Posibles causas:
    "; + echo "
  • El webhook no está configurado en Meta/Facebook
    • "; + echo "
  • La URL del webhook es incorrecta
    • "; + echo "
  • El servidor no es accesible desde Internet
    • "; + echo "
  • Aún no se han enviado mensajes de prueba
    • "; + echo "
"; + } + + echo "
"; + + // Test 6: Webhook Logs + echo "
"; + echo "

6. Logs del Webhook

"; + + $webhookLogs = $db->fetchAll( + "SELECT * FROM webhook_logs + ORDER BY created_at DESC + LIMIT 5" + ); + + if (!empty($webhookLogs)) { + echo "

✅ Se encontraron logs del webhook

"; + echo ""; + echo ""; + echo ""; + foreach ($webhookLogs as $log) { + $date = date('d/m/Y H:i:s', strtotime($log['created_at'])); + $status = $log['status_code']; + $ip = $log['ip_address']; + $statusClass = $status == 200 ? 'success' : 'danger'; + + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + echo ""; + } + echo "
FechaStatusIPDetalles
$date$status$ip
"; + } else { + echo "

ℹ️ No hay logs del webhook registrados

"; + } + + echo "
"; + + // Test 7: Configuración de Menús y Respuestas + echo "
"; + echo "

7. Configuración del Bot

"; + + $menuCount = $db->fetch("SELECT COUNT(*) as total FROM menus WHERE is_active = 1"); + $optionCount = $db->fetch("SELECT COUNT(*) as total FROM menu_options WHERE is_active = 1"); + $autoResponseCount = $db->fetch("SELECT COUNT(*) as total FROM autoresponses WHERE is_active = 1"); + + echo "
"; + echo "
"; + echo "
"; + echo "

{$menuCount['total']}

"; + echo "

Menús Activos

"; + echo "
"; + echo "
"; + echo "
"; + echo "
"; + echo "

{$optionCount['total']}

"; + echo "

Opciones de Menú

"; + echo "
"; + echo "
"; + echo "
"; + echo "
"; + echo "

{$autoResponseCount['total']}

"; + echo "

Respuestas Automáticas

"; + echo "
"; + echo "
"; + echo "
"; + + echo "
"; + + // Resumen final + echo "
"; + if ($allOk) { + echo "
"; + echo "

¡Sistema Configurado Correctamente!

"; + echo "

El webhook está listo para recibir mensajes de WhatsApp.

"; + echo "
"; + } else { + echo "
"; + echo "

Se encontraron problemas

"; + echo "

Revisa los errores anteriores y corrígelos antes de continuar.

"; + echo "
"; + } + + echo "
"; + echo "
Próximos pasos:
"; + echo "
    "; + echo "
  1. Copia la URL del webhook y configúrala en Meta Developer Console
    2. "; + echo "
  2. Usa el token de verificación: " . WEBHOOK_VERIFY_TOKEN . "
    3. "; + echo "
  3. Envía un mensaje de prueba desde WhatsApp
    4. "; + echo "
  4. Verifica que aparezca en la sección de mensajes recibidos
    5. "; + echo "
"; + echo "
"; + + echo "
"; + ?> + +
+ + Volver al Dashboard + + +
+
+ + + +