version estable
This commit is contained in:
lizandrogd
BIN
Binary file not shown.
+47
-11
@@ -6,19 +6,15 @@ header('Access-Control-Allow-Headers: Content-Type');
|
||||
|
||||
require_once __DIR__ . '/../config/config.php';
|
||||
|
||||
// Suprimir errores para obtener JSON limpio
|
||||
error_reporting(E_ERROR | E_PARSE);
|
||||
|
||||
try {
|
||||
// Verificar autenticación si no estás en modo debug
|
||||
$debugMode = isset($_GET['debug']);
|
||||
// Modo debug: desactivar autenticación si existe el parámetro debug
|
||||
$debugMode = isset($_GET['debug']) && $_GET['debug'] === 'true';
|
||||
|
||||
if (!$debugMode) {
|
||||
if (session_status() === PHP_SESSION_NONE) {
|
||||
session_start();
|
||||
}
|
||||
|
||||
if (!isset($_SESSION['user_id'])) {
|
||||
http_response_code(401);
|
||||
echo json_encode(['error' => 'No autorizado']);
|
||||
exit;
|
||||
}
|
||||
requireAuthentication();
|
||||
}
|
||||
|
||||
// Obtener configuración de WhatsApp
|
||||
@@ -123,6 +119,46 @@ try {
|
||||
$diagnostic['recommendations'][] = 'Todo parece estar configurado correctamente';
|
||||
}
|
||||
|
||||
// Agregar compatibilidad con la estructura esperada en index.php
|
||||
$configComplete = $diagnostic['config_status']['complete'];
|
||||
$completionPercentage = 0;
|
||||
$configFields = ['phone_number_id', 'access_token', 'webhook_verify_token', 'business_account_id'];
|
||||
$completedFields = 0;
|
||||
|
||||
foreach ($configFields as $field) {
|
||||
if (isset($diagnostic['config_status'][$field]) && $diagnostic['config_status'][$field]) {
|
||||
$completedFields++;
|
||||
}
|
||||
}
|
||||
$completionPercentage = round(($completedFields / count($configFields)) * 100);
|
||||
|
||||
// Estructura adicional para compatibilidad
|
||||
$diagnostic['config'] = [
|
||||
'status' => $configComplete ? 'complete' : 'incomplete',
|
||||
'message' => $configComplete ? 'Configuración completa' : 'Configuración incompleta',
|
||||
'completion' => $completionPercentage
|
||||
];
|
||||
|
||||
$diagnostic['templates'] = [
|
||||
'approved' => $diagnostic['template_status']['approved'],
|
||||
'pending' => $diagnostic['template_status']['pending'],
|
||||
'rejected' => $diagnostic['template_status']['rejected'],
|
||||
'total' => $diagnostic['template_status']['total'],
|
||||
'message' => $diagnostic['template_status']['approved'] > 0
|
||||
? 'Plantillas configuradas correctamente'
|
||||
: ($diagnostic['template_status']['total'] > 0
|
||||
? 'Tienes plantillas pendientes de aprobación'
|
||||
: 'No hay plantillas configuradas')
|
||||
];
|
||||
|
||||
// Estructura API para compatibilidad
|
||||
$diagnostic['api'] = [
|
||||
'status' => $diagnostic['api_status']['reachable'] ? 'ready' : 'error',
|
||||
'message' => $diagnostic['api_status']['reachable']
|
||||
? 'Conexión API establecida correctamente'
|
||||
: ($diagnostic['api_status']['error'] ?? 'No conectado')
|
||||
];
|
||||
|
||||
echo json_encode($diagnostic, JSON_PRETTY_PRINT);
|
||||
|
||||
} catch (Exception $e) {
|
||||
|
||||
+320
-114
@@ -7,13 +7,14 @@ class SimpleWhatsAppManager {
|
||||
constructor() {
|
||||
this.apiBaseUrl = './api/';
|
||||
this.currentTab = 'dashboard';
|
||||
|
||||
|
||||
this.init();
|
||||
}
|
||||
|
||||
init() {
|
||||
this.log('Iniciando sistema simplificado');
|
||||
this.setupEventListeners();
|
||||
this.setupCharts();
|
||||
this.loadDashboard();
|
||||
}
|
||||
|
||||
@@ -24,7 +25,7 @@ class SimpleWhatsAppManager {
|
||||
|
||||
setupEventListeners() {
|
||||
this.log('Configurando event listeners');
|
||||
|
||||
|
||||
// Navegación de tabs - más defensiva
|
||||
const navLinks = document.querySelectorAll('.nav-link[data-tab]');
|
||||
if (navLinks) {
|
||||
@@ -65,7 +66,7 @@ class SimpleWhatsAppManager {
|
||||
|
||||
showTab(tabName) {
|
||||
this.log(`Cambiando a tab: ${tabName}`);
|
||||
|
||||
|
||||
// Ocultar todas las pestañas
|
||||
const tabs = document.querySelectorAll('.tab-content');
|
||||
if (tabs) {
|
||||
@@ -96,7 +97,7 @@ class SimpleWhatsAppManager {
|
||||
|
||||
loadTabData(tabName) {
|
||||
this.log(`Cargando datos para tab: ${tabName}`);
|
||||
|
||||
|
||||
switch (tabName) {
|
||||
case 'dashboard':
|
||||
this.loadDashboard();
|
||||
@@ -113,6 +114,9 @@ class SimpleWhatsAppManager {
|
||||
case 'templates':
|
||||
this.loadTemplates();
|
||||
break;
|
||||
case 'logs':
|
||||
this.loadLogs();
|
||||
break;
|
||||
case 'settings':
|
||||
this.loadSettings();
|
||||
break;
|
||||
@@ -123,9 +127,9 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async apiCall(endpoint, options = {}) {
|
||||
const url = `${this.apiBaseUrl}${endpoint}${endpoint.includes('?') ? '&' : '?'}debug=true`;
|
||||
|
||||
|
||||
this.log(`API Call: ${url}`, 'info');
|
||||
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: options.method || 'GET',
|
||||
@@ -143,7 +147,7 @@ class SimpleWhatsAppManager {
|
||||
const data = await response.json();
|
||||
this.log(`API Response: ${JSON.stringify(data).substring(0, 100)}...`, 'success');
|
||||
return data;
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.log(`API Error: ${error.message}`, 'error');
|
||||
this.showError('Error en petición: ' + error.message);
|
||||
@@ -153,9 +157,9 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async apiCallReal(endpoint, options = {}) {
|
||||
const url = `${this.apiBaseUrl}${endpoint}`;
|
||||
|
||||
|
||||
this.log(`API Call (REAL): ${url}`, 'info');
|
||||
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: options.method || 'GET',
|
||||
@@ -173,7 +177,7 @@ class SimpleWhatsAppManager {
|
||||
const data = await response.json();
|
||||
this.log(`API Response (REAL): ${JSON.stringify(data).substring(0, 100)}...`, 'success');
|
||||
return data;
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.log(`API Error (REAL): ${error.message}`, 'error');
|
||||
this.showError('Error en petición real: ' + error.message);
|
||||
@@ -183,50 +187,181 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async loadDashboard() {
|
||||
this.log('Cargando dashboard');
|
||||
|
||||
|
||||
try {
|
||||
// Cargar estadísticas básicas
|
||||
const stats = await this.apiCall('manage_config.php?action=status');
|
||||
const stats = await this.apiCall('get_stats.php');
|
||||
this.updateStats(stats);
|
||||
|
||||
|
||||
// Cargar mensajes recientes
|
||||
const recentMessagesResponse = await this.apiCall('get_recent_messages.php');
|
||||
if (recentMessagesResponse && recentMessagesResponse.success && Array.isArray(recentMessagesResponse.data)) {
|
||||
this.updateRecentMessages(recentMessagesResponse.data);
|
||||
} else if (recentMessagesResponse && Array.isArray(recentMessagesResponse)) {
|
||||
// Retrocompatibilidad por si la API devuelve directamente el array
|
||||
this.updateRecentMessages(recentMessagesResponse);
|
||||
}
|
||||
|
||||
// Actualizar gráfico si existe
|
||||
this.updateChart();
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando dashboard: ' + error.message);
|
||||
}
|
||||
}
|
||||
|
||||
updateStats(response) {
|
||||
if (response && response.success && response.data) {
|
||||
const data = response.data;
|
||||
|
||||
// Actualizar elementos del dashboard si existen
|
||||
updateStats(stats) {
|
||||
this.log('Actualizando estadísticas del dashboard');
|
||||
|
||||
if (stats) {
|
||||
const elements = [
|
||||
{ id: 'total-users', value: data.total_configs || 0 },
|
||||
{ id: 'messages-today', value: data.whatsapp_configured ? 'Configurado' : 'Sin configurar' },
|
||||
{ id: 'active-users', value: data.database_migrated ? 'Migrada' : 'Pendiente' },
|
||||
{ id: 'total-messages', value: data.installation_completed ? 'Completada' : 'Pendiente' }
|
||||
{ id: 'total-users', value: stats.total_users || 0 },
|
||||
{ id: 'messages-today', value: stats.messages_today || 0 },
|
||||
{ id: 'active-users', value: stats.active_users || 0 },
|
||||
{ id: 'total-messages', value: stats.total_messages || 0 }
|
||||
];
|
||||
|
||||
|
||||
elements.forEach(item => {
|
||||
const element = document.getElementById(item.id);
|
||||
if (element) {
|
||||
element.textContent = item.value;
|
||||
this.log(`Estadística actualizada: ${item.id} = ${item.value}`);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
updateRecentMessages(messages) {
|
||||
const container = document.getElementById('recent-messages');
|
||||
if (!container) {
|
||||
this.log('Contenedor de mensajes recientes no encontrado', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
container.innerHTML = '';
|
||||
|
||||
if (messages && messages.length > 0) {
|
||||
this.log(`Mostrando ${messages.length} mensajes recientes`);
|
||||
messages.forEach(message => {
|
||||
const messageElement = this.createRecentMessageElement(message);
|
||||
container.appendChild(messageElement);
|
||||
});
|
||||
} else {
|
||||
container.innerHTML = '<div class="text-center text-muted">No hay mensajes recientes</div>';
|
||||
}
|
||||
}
|
||||
|
||||
createRecentMessageElement(message) {
|
||||
const div = document.createElement('div');
|
||||
div.className = 'recent-message mb-3 p-2 border-bottom';
|
||||
|
||||
const direction = message.direction === 'incoming' ? '📥' : '📤';
|
||||
const time = new Date(message.created_at).toLocaleString();
|
||||
|
||||
div.innerHTML = `
|
||||
<div class="d-flex justify-content-between">
|
||||
<span class="fw-bold">${direction} ${message.phone_number}</span>
|
||||
<span class="time text-muted small">${time}</span>
|
||||
</div>
|
||||
<div class="content mt-1">${this.truncateText(message.content, 50)}</div>
|
||||
`;
|
||||
|
||||
return div;
|
||||
}
|
||||
|
||||
truncateText(text, length) {
|
||||
if (!text) return '';
|
||||
return text.length > length ? text.substring(0, length) + '...' : text;
|
||||
}
|
||||
|
||||
async updateChart() {
|
||||
if (!this.charts || !this.charts.messages) {
|
||||
this.log('Gráfico no inicializado, omitiendo actualización', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const chartData = await this.apiCall('get_chart_data.php');
|
||||
if (chartData && this.charts.messages) {
|
||||
this.charts.messages.data.labels = chartData.labels || [];
|
||||
this.charts.messages.data.datasets[0].data = chartData.data || [];
|
||||
this.charts.messages.update();
|
||||
this.log('Gráfico actualizado correctamente');
|
||||
}
|
||||
} catch (error) {
|
||||
this.log('Error actualizando gráfico: ' + error.message, 'warning');
|
||||
}
|
||||
}
|
||||
|
||||
setupCharts() {
|
||||
const ctx = document.getElementById('messagesChart');
|
||||
if (!ctx) {
|
||||
this.log('Canvas de gráfico no encontrado', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
if (typeof Chart === 'undefined') {
|
||||
this.log('Chart.js no está cargado', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
this.charts = this.charts || {};
|
||||
this.charts.messages = new Chart(ctx, {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [],
|
||||
datasets: [{
|
||||
label: 'Mensajes',
|
||||
data: [],
|
||||
borderColor: '#25d366',
|
||||
backgroundColor: 'rgba(37, 211, 102, 0.1)',
|
||||
borderWidth: 3,
|
||||
fill: true,
|
||||
tension: 0.4
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
y: {
|
||||
beginAtZero: true,
|
||||
grid: {
|
||||
color: 'rgba(0,0,0,0.1)'
|
||||
}
|
||||
},
|
||||
x: {
|
||||
grid: {
|
||||
color: 'rgba(0,0,0,0.1)'
|
||||
}
|
||||
}
|
||||
},
|
||||
plugins: {
|
||||
legend: {
|
||||
display: false
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
this.log('Gráfico de mensajes inicializado');
|
||||
} catch (error) {
|
||||
this.log('Error inicializando gráfico: ' + error.message, 'error');
|
||||
}
|
||||
}
|
||||
|
||||
async loadUsers() {
|
||||
this.log('Cargando usuarios');
|
||||
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('get_users.php');
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.updateUsersList(response.data || []);
|
||||
} else {
|
||||
this.showError('No se pudieron cargar los usuarios');
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando usuarios: ' + error.message);
|
||||
}
|
||||
@@ -242,11 +377,11 @@ class SimpleWhatsAppManager {
|
||||
}
|
||||
|
||||
let html = '';
|
||||
|
||||
|
||||
users.forEach(user => {
|
||||
const createdDate = new Date(user.created_at);
|
||||
const formatDate = createdDate.toLocaleDateString() + ' ' + createdDate.toLocaleTimeString('es', { hour: '2-digit', minute: '2-digit' });
|
||||
|
||||
|
||||
html += `
|
||||
<tr>
|
||||
<td>${user.id}</td>
|
||||
@@ -266,23 +401,28 @@ class SimpleWhatsAppManager {
|
||||
</tr>
|
||||
`;
|
||||
});
|
||||
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
|
||||
async loadConversations() {
|
||||
this.log('Cargando conversaciones');
|
||||
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('get_conversations.php');
|
||||
|
||||
if (response && response.success) {
|
||||
this.updateConversationsList(response.data || []);
|
||||
console.log('Respuesta get_conversations:', response); // Debug
|
||||
|
||||
if (response && response.success && Array.isArray(response.data)) {
|
||||
this.updateConversationsList(response.data);
|
||||
} else if (response && Array.isArray(response)) {
|
||||
// Retrocompatibilidad por si la API devuelve directamente el array
|
||||
this.updateConversationsList(response);
|
||||
} else {
|
||||
this.showError('No se pudieron cargar las conversaciones');
|
||||
console.error('Formato de respuesta inesperado:', response);
|
||||
this.showError('Error: formato de datos inválido para conversaciones');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error en loadConversations:', error);
|
||||
this.showError('Error cargando conversaciones: ' + error.message);
|
||||
}
|
||||
}
|
||||
@@ -297,11 +437,11 @@ class SimpleWhatsAppManager {
|
||||
}
|
||||
|
||||
let html = '';
|
||||
|
||||
|
||||
conversations.forEach(conv => {
|
||||
const date = new Date(conv.created_at);
|
||||
const formatDate = date.toLocaleDateString() + ' ' + date.toLocaleTimeString('es', { hour: '2-digit', minute: '2-digit' });
|
||||
|
||||
|
||||
html += `
|
||||
<tr>
|
||||
<td>
|
||||
@@ -326,20 +466,20 @@ class SimpleWhatsAppManager {
|
||||
</tr>
|
||||
`;
|
||||
});
|
||||
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
|
||||
async loadSettings() {
|
||||
this.log('Cargando configuraciones');
|
||||
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('manage_config.php?action=whatsapp');
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.updateSettingsForm(response.data);
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando configuraciones: ' + error.message);
|
||||
}
|
||||
@@ -347,7 +487,7 @@ class SimpleWhatsAppManager {
|
||||
|
||||
updateSettingsForm(data) {
|
||||
if (!data) return;
|
||||
|
||||
|
||||
const fields = [
|
||||
{ id: 'whatsapp-token', value: data.token },
|
||||
{ id: 'phone-number-id', value: data.phone_number_id },
|
||||
@@ -355,7 +495,7 @@ class SimpleWhatsAppManager {
|
||||
{ id: 'business-name', value: data.business_name },
|
||||
{ id: 'welcome-message', value: data.welcome_message }
|
||||
];
|
||||
|
||||
|
||||
fields.forEach(field => {
|
||||
const element = document.getElementById(field.id);
|
||||
if (element && field.value) {
|
||||
@@ -369,7 +509,7 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async saveSettings() {
|
||||
this.log('Guardando configuraciones');
|
||||
|
||||
|
||||
const settings = {
|
||||
token: document.getElementById('whatsapp-token').value,
|
||||
phone_number_id: document.getElementById('phone-number-id').value,
|
||||
@@ -377,19 +517,19 @@ class SimpleWhatsAppManager {
|
||||
business_name: document.getElementById('business-name').value,
|
||||
welcome_message: document.getElementById('welcome-message').value
|
||||
};
|
||||
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('manage_config.php?action=save_whatsapp', {
|
||||
method: 'POST',
|
||||
body: { whatsapp: settings }
|
||||
});
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.showSuccess('Configuraciones guardadas exitosamente');
|
||||
} else {
|
||||
this.showError('Error guardando configuraciones');
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error: ' + error.message);
|
||||
}
|
||||
@@ -414,9 +554,9 @@ class SimpleWhatsAppManager {
|
||||
${message}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
`;
|
||||
|
||||
|
||||
document.body.appendChild(alertDiv);
|
||||
|
||||
|
||||
// Auto-remover después de 5 segundos
|
||||
setTimeout(() => {
|
||||
if (alertDiv.parentNode) {
|
||||
@@ -427,22 +567,22 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async loadMessages() {
|
||||
this.log('Cargando interfaz de mensajes');
|
||||
|
||||
|
||||
try {
|
||||
// Cargar usuarios para el select
|
||||
const usersResponse = await this.apiCall('get_users.php');
|
||||
|
||||
|
||||
if (usersResponse && usersResponse.success) {
|
||||
this.populateUsersSelect(usersResponse.data || []);
|
||||
}
|
||||
|
||||
|
||||
// Cargar plantillas para el select
|
||||
const templatesResponse = await this.apiCall('get_templates.php');
|
||||
|
||||
|
||||
if (templatesResponse && templatesResponse.success) {
|
||||
this.populateTemplatesSelect(templatesResponse.data || []);
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando datos para mensajes: ' + error.message);
|
||||
}
|
||||
@@ -482,16 +622,16 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async loadTemplates() {
|
||||
this.log('Cargando plantillas');
|
||||
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('get_templates.php');
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.updateTemplatesList(response.data || []);
|
||||
} else {
|
||||
this.showError('Error cargando plantillas');
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando plantillas: ' + error.message);
|
||||
}
|
||||
@@ -507,7 +647,7 @@ class SimpleWhatsAppManager {
|
||||
}
|
||||
|
||||
let html = '';
|
||||
|
||||
|
||||
templates.forEach(template => {
|
||||
html += `
|
||||
<tr>
|
||||
@@ -527,13 +667,13 @@ class SimpleWhatsAppManager {
|
||||
</tr>
|
||||
`;
|
||||
});
|
||||
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
|
||||
async saveTemplate() {
|
||||
this.log('Guardando plantilla');
|
||||
|
||||
|
||||
try {
|
||||
const templateData = {
|
||||
name: document.getElementById('template-name').value,
|
||||
@@ -541,37 +681,37 @@ class SimpleWhatsAppManager {
|
||||
language: document.getElementById('template-language').value,
|
||||
category: document.getElementById('template-category').value
|
||||
};
|
||||
|
||||
|
||||
// Validar campos requeridos
|
||||
if (!templateData.name || !templateData.whatsapp_name) {
|
||||
this.showError('Nombre descriptivo y nombre de WhatsApp son requeridos');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
const response = await this.apiCall('save_template.php', {
|
||||
method: 'POST',
|
||||
body: templateData
|
||||
});
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.showSuccess('Plantilla guardada correctamente');
|
||||
|
||||
|
||||
// Cerrar modal
|
||||
const modal = document.getElementById('createTemplateModal');
|
||||
if (modal) {
|
||||
const bsModal = bootstrap.Modal.getInstance(modal);
|
||||
if (bsModal) bsModal.hide();
|
||||
}
|
||||
|
||||
|
||||
// Limpiar formulario
|
||||
document.getElementById('template-form').reset();
|
||||
|
||||
|
||||
// Recargar plantillas
|
||||
this.loadTemplates();
|
||||
} else {
|
||||
this.showError(`Error guardando plantilla: ${response?.error || 'Error desconocido'}`);
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error guardando plantilla: ' + error.message);
|
||||
}
|
||||
@@ -579,14 +719,14 @@ class SimpleWhatsAppManager {
|
||||
|
||||
async sendMessage() {
|
||||
this.log('Enviando mensaje');
|
||||
|
||||
|
||||
try {
|
||||
const recipientType = document.getElementById('recipient-type').value;
|
||||
const messageType = document.getElementById('message-type').value;
|
||||
|
||||
|
||||
let recipient;
|
||||
let messageData = {};
|
||||
|
||||
|
||||
// Obtener destinatario
|
||||
if (recipientType === 'existing') {
|
||||
const userSelect = document.getElementById('message-recipient');
|
||||
@@ -594,11 +734,11 @@ class SimpleWhatsAppManager {
|
||||
this.showError('Por favor selecciona un usuario');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// Obtener datos del usuario seleccionado
|
||||
const selectedOption = userSelect.options[userSelect.selectedIndex];
|
||||
const userId = userSelect.value;
|
||||
|
||||
|
||||
// Necesitamos obtener el número de teléfono del usuario
|
||||
const usersResponse = await this.apiCall('get_users.php');
|
||||
if (usersResponse && usersResponse.success) {
|
||||
@@ -620,7 +760,7 @@ class SimpleWhatsAppManager {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Preparar mensaje según el tipo
|
||||
if (messageType === 'text') {
|
||||
const messageText = document.getElementById('message-text').value;
|
||||
@@ -628,7 +768,7 @@ class SimpleWhatsAppManager {
|
||||
this.showError('Por favor escribe un mensaje');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
messageData = {
|
||||
recipient: recipient,
|
||||
type: 'text',
|
||||
@@ -640,21 +780,21 @@ class SimpleWhatsAppManager {
|
||||
this.showError('Por favor selecciona una plantilla');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
messageData = {
|
||||
recipient: recipient,
|
||||
type: 'template',
|
||||
template_name: templateSelect.value
|
||||
};
|
||||
}
|
||||
|
||||
|
||||
this.log(`Enviando mensaje a ${recipient}: ${JSON.stringify(messageData)}`);
|
||||
|
||||
|
||||
// Preguntar al usuario si quiere envío real o simulado
|
||||
const sendReal = confirm('¿Enviar mensaje REAL por WhatsApp?\n\nSí = Envío real\nNo = Envío simulado (debug)');
|
||||
|
||||
|
||||
// Enviar mensaje
|
||||
const response = sendReal
|
||||
const response = sendReal
|
||||
? await this.apiCallReal('send_message.php', {
|
||||
method: 'POST',
|
||||
body: messageData
|
||||
@@ -663,27 +803,42 @@ class SimpleWhatsAppManager {
|
||||
method: 'POST',
|
||||
body: messageData
|
||||
});
|
||||
|
||||
|
||||
if (response && response.success) {
|
||||
this.showSuccess(`Mensaje enviado correctamente a ${recipient}`);
|
||||
|
||||
|
||||
// Limpiar formulario
|
||||
document.getElementById('send-message-form').reset();
|
||||
document.getElementById('message-recipient').value = '';
|
||||
} else {
|
||||
this.showError(`Error enviando mensaje: ${response?.error || 'Error desconocido'}`);
|
||||
}
|
||||
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error enviando mensaje: ' + error.message);
|
||||
}
|
||||
}
|
||||
async loadLogs() {
|
||||
try {
|
||||
const response = await this.apiCall('get_logs.php');
|
||||
if (response && response.success && Array.isArray(response.data)) {
|
||||
this.updateLogsTable(response.data);
|
||||
} else if (response && Array.isArray(response)) {
|
||||
// Retrocompatibilidad por si la API devuelve directamente el array
|
||||
this.updateLogsTable(response);
|
||||
} else {
|
||||
this.showError('Error: formato de datos inválido para logs');
|
||||
}
|
||||
} catch (error) {
|
||||
this.showError('Error cargando logs: ' + error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Inicializar cuando el DOM esté listo
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
console.log('DOM cargado, inicializando WhatsApp Manager...');
|
||||
|
||||
|
||||
try {
|
||||
window.whatsappManager = new SimpleWhatsAppManager();
|
||||
console.log('WhatsApp Manager inicializado correctamente');
|
||||
@@ -693,19 +848,19 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
});
|
||||
|
||||
// Funciones globales para modales (compatibilidad con el HTML existente)
|
||||
window.openCreateTemplateModal = function() {
|
||||
window.openCreateTemplateModal = function () {
|
||||
console.log('🔵 Abriendo modal de plantilla...');
|
||||
|
||||
|
||||
const modalElement = document.getElementById('createTemplateModal');
|
||||
if (!modalElement) {
|
||||
console.error('❌ Modal de plantilla no encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
try {
|
||||
const form = document.getElementById('template-form');
|
||||
if (form) form.reset();
|
||||
|
||||
|
||||
if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
|
||||
const modal = new bootstrap.Modal(modalElement);
|
||||
modal.show();
|
||||
@@ -719,19 +874,19 @@ window.openCreateTemplateModal = function() {
|
||||
}
|
||||
};
|
||||
|
||||
window.openCreateMenuModal = function() {
|
||||
window.openCreateMenuModal = function () {
|
||||
console.log('🔵 Abriendo modal de menú...');
|
||||
|
||||
|
||||
const modalElement = document.getElementById('createMenuModal');
|
||||
if (!modalElement) {
|
||||
console.error('❌ Modal de menú no encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
try {
|
||||
const form = document.getElementById('menu-form');
|
||||
if (form) form.reset();
|
||||
|
||||
|
||||
if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
|
||||
const modal = new bootstrap.Modal(modalElement);
|
||||
modal.show();
|
||||
@@ -746,7 +901,7 @@ window.openCreateMenuModal = function() {
|
||||
};
|
||||
|
||||
// Función global para debugging
|
||||
window.debugAPI = async function(endpoint) {
|
||||
window.debugAPI = async function (endpoint) {
|
||||
try {
|
||||
const manager = window.whatsappManager;
|
||||
if (manager) {
|
||||
@@ -762,19 +917,19 @@ window.debugAPI = async function(endpoint) {
|
||||
};
|
||||
|
||||
// Función para ver conversación específica
|
||||
window.viewConversation = function(userId) {
|
||||
window.viewConversation = function (userId) {
|
||||
console.log('Viendo conversación del usuario:', userId);
|
||||
alert(`Ver conversación del usuario ${userId} - Función en desarrollo`);
|
||||
};
|
||||
|
||||
// Función para editar usuario
|
||||
window.editUser = function(userId) {
|
||||
window.editUser = function (userId) {
|
||||
console.log('Editando usuario:', userId);
|
||||
alert(`Editar usuario ${userId} - Función en desarrollo`);
|
||||
};
|
||||
|
||||
// Función para eliminar usuario
|
||||
window.deleteUser = function(userId) {
|
||||
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`);
|
||||
@@ -782,17 +937,17 @@ window.deleteUser = function(userId) {
|
||||
};
|
||||
|
||||
// Funciones para plantillas
|
||||
window.showCreateTemplateModal = function() {
|
||||
window.showCreateTemplateModal = function () {
|
||||
const modal = new bootstrap.Modal(document.getElementById('createTemplateModal'));
|
||||
modal.show();
|
||||
};
|
||||
|
||||
window.editTemplate = function(templateId) {
|
||||
window.editTemplate = function (templateId) {
|
||||
console.log('Editando plantilla:', templateId);
|
||||
alert(`Editar plantilla ${templateId} - Función en desarrollo`);
|
||||
};
|
||||
|
||||
window.deleteTemplate = function(templateId) {
|
||||
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`);
|
||||
@@ -801,7 +956,7 @@ window.deleteTemplate = function(templateId) {
|
||||
|
||||
// Hacer que app.saveTemplate() funcione
|
||||
window.app = {
|
||||
saveTemplate: function() {
|
||||
saveTemplate: function () {
|
||||
if (window.whatsappManager) {
|
||||
window.whatsappManager.saveTemplate();
|
||||
}
|
||||
@@ -809,11 +964,11 @@ window.app = {
|
||||
};
|
||||
|
||||
// Funciones para el formulario de mensajes
|
||||
window.toggleRecipientType = function() {
|
||||
window.toggleRecipientType = function () {
|
||||
const recipientType = document.getElementById('recipient-type').value;
|
||||
const existingGroup = document.getElementById('existing-recipient-group');
|
||||
const manualGroup = document.getElementById('manual-recipient-group');
|
||||
|
||||
|
||||
if (recipientType === 'manual') {
|
||||
existingGroup.style.display = 'none';
|
||||
manualGroup.style.display = 'block';
|
||||
@@ -823,11 +978,11 @@ window.toggleRecipientType = function() {
|
||||
}
|
||||
};
|
||||
|
||||
window.toggleMessageType = function() {
|
||||
window.toggleMessageType = function () {
|
||||
const messageType = document.getElementById('message-type').value;
|
||||
const textGroup = document.getElementById('message-text-group');
|
||||
const templateGroup = document.getElementById('template-group');
|
||||
|
||||
|
||||
if (messageType === 'template') {
|
||||
textGroup.style.display = 'none';
|
||||
templateGroup.style.display = 'block';
|
||||
@@ -838,9 +993,9 @@ window.toggleMessageType = function() {
|
||||
};
|
||||
|
||||
// Función de diagnóstico
|
||||
window.runDiagnostic = function() {
|
||||
window.runDiagnostic = function () {
|
||||
const resultsDiv = document.getElementById('diagnostic-results');
|
||||
|
||||
|
||||
// Mostrar spinner de carga
|
||||
resultsDiv.innerHTML = `
|
||||
<div class="text-center">
|
||||
@@ -850,7 +1005,7 @@ window.runDiagnostic = function() {
|
||||
<p class="mt-2">Ejecutando diagnóstico...</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
fetch('./api/diagnose_whatsapp.php')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
@@ -878,7 +1033,7 @@ window.runDiagnostic = function() {
|
||||
|
||||
function displayDiagnosticResults(data) {
|
||||
const resultsDiv = document.getElementById('diagnostic-results');
|
||||
|
||||
|
||||
let html = `
|
||||
<div class="diagnostic-results">
|
||||
<small class="text-muted">Última verificación: ${data.timestamp}</small>
|
||||
@@ -938,15 +1093,15 @@ function displayDiagnosticResults(data) {
|
||||
<h6><i class="fas fa-cloud"></i> API WhatsApp</h6>
|
||||
<div class="alert alert-${data.api_status.reachable ? 'success' : 'danger'} p-2">
|
||||
<small>
|
||||
${data.api_status.reachable ?
|
||||
`✓ Conectado - ${data.api_status.phone_number || 'N/A'}` :
|
||||
`✗ ${data.api_status.error || 'No conectado'}`
|
||||
}
|
||||
${data.api_status.reachable ?
|
||||
`✓ Conectado - ${data.api_status.phone_number || 'N/A'}` :
|
||||
`✗ ${data.api_status.error || 'No conectado'}`
|
||||
}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
||||
// Recomendaciones
|
||||
if (data.recommendations && data.recommendations.length > 0) {
|
||||
html += `
|
||||
@@ -962,7 +1117,58 @@ function displayDiagnosticResults(data) {
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
|
||||
|
||||
html += '</div>';
|
||||
resultsDiv.innerHTML = html;
|
||||
}
|
||||
|
||||
|
||||
|
||||
function updateLogsTable(logs) {
|
||||
const tbody = document.getElementById('logs-table');
|
||||
if (!tbody) {
|
||||
this.log('Tabla de logs no encontrada', 'warning');
|
||||
return;
|
||||
}
|
||||
|
||||
tbody.innerHTML = '';
|
||||
|
||||
if (!logs || logs.length === 0) {
|
||||
tbody.innerHTML = '<tr><td colspan="5" class="text-center text-muted">No hay logs registrados</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
logs.forEach(log => {
|
||||
const row = this.createLogRow(log);
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
|
||||
this.log(`${logs.length} logs cargados en la tabla`);
|
||||
}
|
||||
|
||||
function createLogRow(log) {
|
||||
const tr = document.createElement('tr');
|
||||
const date = new Date(log.created_at);
|
||||
const formatDate = date.toLocaleDateString() + ' ' + date.toLocaleTimeString('es', { hour: '2-digit', minute: '2-digit' });
|
||||
|
||||
tr.innerHTML = `
|
||||
<td>${formatDate}</td>
|
||||
<td>${log.ip_address || 'N/A'}</td>
|
||||
<td>
|
||||
<span class="badge bg-${log.status_code === 200 ? 'success' : 'danger'}">
|
||||
${log.status_code || 'N/A'}
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<button class="btn btn-sm btn-outline-primary" onclick="viewLogDetails('${log.id}', 'request')">
|
||||
Ver Request
|
||||
</button>
|
||||
</td>
|
||||
<td>
|
||||
<button class="btn btn-sm btn-outline-primary" onclick="viewLogDetails('${log.id}', 'response')">
|
||||
Ver Response
|
||||
</button>
|
||||
</td>
|
||||
`;
|
||||
return tr;
|
||||
}
|
||||
Reference in New Issue
Block a user