todo funcional
This commit is contained in:
lizandrogd
@@ -0,0 +1,70 @@
|
||||
<?php
|
||||
/**
|
||||
* API - Eliminar respuesta automática
|
||||
* Fecha: 12 de enero de 2026
|
||||
*/
|
||||
|
||||
require_once '../config/config.php';
|
||||
|
||||
// Verificar autenticación
|
||||
requireAuthentication();
|
||||
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: DELETE, POST');
|
||||
header('Access-Control-Allow-Headers: Content-Type');
|
||||
|
||||
try {
|
||||
$id = null;
|
||||
|
||||
// Obtener ID desde diferentes fuentes
|
||||
if ($_SERVER['REQUEST_METHOD'] === 'DELETE') {
|
||||
$id = $_GET['id'] ?? null;
|
||||
} else if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||
$input = json_decode(file_get_contents('php://input'), true);
|
||||
$id = $input['id'] ?? $_POST['id'] ?? null;
|
||||
}
|
||||
|
||||
if (!$id) {
|
||||
throw new Exception('ID de respuesta automática requerido');
|
||||
}
|
||||
|
||||
$id = intval($id);
|
||||
|
||||
if ($id <= 0) {
|
||||
throw new Exception('ID de respuesta automática no válido');
|
||||
}
|
||||
|
||||
$db = Database::getInstance();
|
||||
|
||||
// Verificar que existe
|
||||
$existing = $db->fetchAll("SELECT id, trigger_type, trigger_value FROM autoresponses WHERE id = ?", [$id]);
|
||||
|
||||
if (empty($existing)) {
|
||||
throw new Exception('Respuesta automática no encontrada');
|
||||
}
|
||||
|
||||
// Eliminar
|
||||
$deleted = $db->execute("DELETE FROM autoresponses WHERE id = ?", [$id]);
|
||||
|
||||
if ($deleted) {
|
||||
echo json_encode([
|
||||
'success' => true,
|
||||
'message' => 'Respuesta automática eliminada correctamente',
|
||||
'deleted_id' => $id,
|
||||
'deleted_data' => $existing[0]
|
||||
]);
|
||||
} else {
|
||||
throw new Exception('No se pudo eliminar la respuesta automática');
|
||||
}
|
||||
|
||||
} catch (Exception $e) {
|
||||
error_log("Error en delete_autoresponse.php: " . $e->getMessage());
|
||||
http_response_code(500);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'error' => $e->getMessage(),
|
||||
'debug' => $e->getTraceAsString()
|
||||
]);
|
||||
}
|
||||
?>
|
||||
@@ -0,0 +1,118 @@
|
||||
<?php
|
||||
/**
|
||||
* API - Obtener respuestas automáticas
|
||||
* Fecha: 12 de enero de 2026
|
||||
*/
|
||||
|
||||
require_once '../config/config.php';
|
||||
|
||||
// Verificar autenticación
|
||||
requireAuthentication();
|
||||
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: GET');
|
||||
header('Access-Control-Allow-Headers: Content-Type');
|
||||
|
||||
try {
|
||||
$db = Database::getInstance();
|
||||
|
||||
// Verificar si la tabla existe, si no crearla
|
||||
$tablesExist = $db->fetchAll("SHOW TABLES LIKE 'autoresponses'");
|
||||
|
||||
if (empty($tablesExist)) {
|
||||
error_log("Creando tabla autoresponses...");
|
||||
|
||||
$createAutoResponsesSQL = "CREATE TABLE IF NOT EXISTS autoresponses (
|
||||
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
trigger_type ENUM('keyword', 'contains', 'exact', 'welcome', 'default') NOT NULL DEFAULT 'keyword',
|
||||
trigger_value TEXT,
|
||||
response_text TEXT NOT NULL,
|
||||
response_type ENUM('text', 'template', 'menu') NOT NULL DEFAULT 'text',
|
||||
template_name VARCHAR(255),
|
||||
menu_id INT,
|
||||
priority INT DEFAULT 0,
|
||||
is_active BOOLEAN DEFAULT true,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
|
||||
INDEX idx_trigger_type (trigger_type),
|
||||
INDEX idx_is_active (is_active),
|
||||
INDEX idx_priority (priority)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci";
|
||||
|
||||
$db->execute($createAutoResponsesSQL);
|
||||
|
||||
// Crear respuestas automáticas de ejemplo
|
||||
$exampleResponses = [
|
||||
[
|
||||
'trigger_type' => 'welcome',
|
||||
'trigger_value' => null,
|
||||
'response_text' => '¡Hola! 👋 Bienvenido a nuestro servicio. ¿En qué puedo ayudarte?',
|
||||
'response_type' => 'text',
|
||||
'priority' => 10,
|
||||
'is_active' => 1
|
||||
],
|
||||
[
|
||||
'trigger_type' => 'keyword',
|
||||
'trigger_value' => 'hola,buenos días,buenas tardes,buenas noches,hi,hello',
|
||||
'response_text' => '¡Hola! 😊 Gracias por contactarnos. ¿En qué podemos ayudarte hoy?',
|
||||
'response_type' => 'text',
|
||||
'priority' => 5,
|
||||
'is_active' => 1
|
||||
],
|
||||
[
|
||||
'trigger_type' => 'keyword',
|
||||
'trigger_value' => 'precio,precios,costo,costos,cuanto cuesta,tarifa',
|
||||
'response_text' => '💰 Para información sobre precios, por favor visita nuestro sitio web o contacta directamente con nuestro equipo de ventas.',
|
||||
'response_type' => 'text',
|
||||
'priority' => 3,
|
||||
'is_active' => 1
|
||||
],
|
||||
[
|
||||
'trigger_type' => 'keyword',
|
||||
'trigger_value' => 'horario,horarios,abierto,cerrado,cuando abren',
|
||||
'response_text' => '🕒 Nuestros horarios de atención son:\nLunes a Viernes: 9:00 AM - 6:00 PM\nSábados: 9:00 AM - 2:00 PM\nDomingos: Cerrado',
|
||||
'response_type' => 'text',
|
||||
'priority' => 3,
|
||||
'is_active' => 1
|
||||
],
|
||||
[
|
||||
'trigger_type' => 'default',
|
||||
'trigger_value' => null,
|
||||
'response_text' => 'Gracias por tu mensaje. Un representante se pondrá en contacto contigo pronto. 🤝',
|
||||
'response_type' => 'text',
|
||||
'priority' => 1,
|
||||
'is_active' => 1
|
||||
]
|
||||
];
|
||||
|
||||
foreach ($exampleResponses as $response) {
|
||||
$db->insert('autoresponses', $response);
|
||||
}
|
||||
|
||||
error_log("Tabla autoresponses creada con datos de ejemplo");
|
||||
}
|
||||
|
||||
// Obtener todas las respuestas automáticas
|
||||
$autoresponses = $db->fetchAll(
|
||||
"SELECT * FROM autoresponses ORDER BY priority DESC, created_at DESC"
|
||||
);
|
||||
|
||||
echo json_encode([
|
||||
'success' => true,
|
||||
'data' => $autoresponses,
|
||||
'total' => count($autoresponses),
|
||||
'message' => 'Respuestas automáticas cargadas correctamente'
|
||||
]);
|
||||
|
||||
} catch (Exception $e) {
|
||||
error_log("Error en get_autoresponses.php: " . $e->getMessage());
|
||||
http_response_code(500);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'error' => 'Error interno del servidor',
|
||||
'debug' => $e->getMessage(),
|
||||
'data' => []
|
||||
]);
|
||||
}
|
||||
?>
|
||||
+120
-23
@@ -1,11 +1,14 @@
|
||||
<?php
|
||||
/**
|
||||
* API - Obtener logs del webhook
|
||||
* Fecha: 13 de noviembre de 2025
|
||||
* API - Obtener logs del sistema
|
||||
* Fecha: 12 de enero de 2026
|
||||
*/
|
||||
|
||||
require_once '../config/config.php';
|
||||
|
||||
// Verificar autenticación
|
||||
requireAuthentication();
|
||||
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: GET');
|
||||
@@ -14,31 +17,125 @@ header('Access-Control-Allow-Headers: Content-Type');
|
||||
try {
|
||||
$db = Database::getInstance();
|
||||
|
||||
$limit = $_GET['limit'] ?? 50;
|
||||
$offset = $_GET['offset'] ?? 0;
|
||||
$limit = intval($_GET['limit'] ?? 50);
|
||||
$offset = intval($_GET['offset'] ?? 0);
|
||||
$type = $_GET['type'] ?? 'system'; // 'system' o 'webhook'
|
||||
|
||||
$logs = $db->fetchAll(
|
||||
"SELECT
|
||||
id,
|
||||
status_code,
|
||||
ip_address,
|
||||
created_at,
|
||||
SUBSTRING(request_body, 1, 100) as request_preview,
|
||||
SUBSTRING(response_body, 1, 100) as response_preview
|
||||
FROM webhook_logs
|
||||
ORDER BY created_at DESC
|
||||
LIMIT :limit OFFSET :offset",
|
||||
[
|
||||
'limit' => (int)$limit,
|
||||
'offset' => (int)$offset
|
||||
]
|
||||
);
|
||||
if ($limit > 100) $limit = 100; // Máximo 100 registros
|
||||
|
||||
echo json_encode($logs);
|
||||
// Verificar qué tablas existen
|
||||
$existingTables = $db->fetchAll("SHOW TABLES");
|
||||
$tableNames = array_column($existingTables, 'Tables_in_' . DB_NAME);
|
||||
|
||||
$logs = [];
|
||||
|
||||
if ($type === 'webhook' && in_array('webhook_logs', $tableNames)) {
|
||||
// Logs de webhook (formato original)
|
||||
$logs = $db->fetchAll(
|
||||
"SELECT
|
||||
id,
|
||||
status_code,
|
||||
ip_address,
|
||||
created_at,
|
||||
SUBSTRING(request_body, 1, 100) as request_preview,
|
||||
SUBSTRING(response_body, 1, 100) as response_preview,
|
||||
'webhook' as source,
|
||||
'INFO' as level,
|
||||
CONCAT('Webhook request - Status: ', COALESCE(status_code, 'N/A')) as message
|
||||
FROM webhook_logs
|
||||
ORDER BY created_at DESC
|
||||
LIMIT ? OFFSET ?",
|
||||
[$limit, $offset]
|
||||
);
|
||||
|
||||
} else {
|
||||
// Logs del sistema
|
||||
if (!in_array('system_logs', $tableNames)) {
|
||||
// Crear tabla de logs del sistema
|
||||
$createLogsSQL = "CREATE TABLE IF NOT EXISTS system_logs (
|
||||
id INT AUTO_INCREMENT PRIMARY KEY,
|
||||
datetime DATETIME DEFAULT CURRENT_TIMESTAMP,
|
||||
level ENUM('ERROR', 'WARNING', 'INFO', 'DEBUG', 'SUCCESS') DEFAULT 'INFO',
|
||||
message TEXT NOT NULL,
|
||||
source VARCHAR(255) DEFAULT 'Sistema',
|
||||
data JSON,
|
||||
user_id INT,
|
||||
ip_address VARCHAR(45),
|
||||
user_agent TEXT,
|
||||
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
|
||||
INDEX idx_datetime (datetime),
|
||||
INDEX idx_level (level),
|
||||
INDEX idx_source (source)
|
||||
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci";
|
||||
|
||||
$db->execute($createLogsSQL);
|
||||
|
||||
// Insertar logs de ejemplo
|
||||
$exampleLogs = [
|
||||
[
|
||||
'level' => 'INFO',
|
||||
'message' => 'Sistema de WhatsApp Bot iniciado correctamente',
|
||||
'source' => 'Sistema',
|
||||
'ip_address' => $_SERVER['REMOTE_ADDR'] ?? '127.0.0.1'
|
||||
],
|
||||
[
|
||||
'level' => 'SUCCESS',
|
||||
'message' => 'Módulo de respuestas automáticas cargado',
|
||||
'source' => 'AutoResponse',
|
||||
'ip_address' => $_SERVER['REMOTE_ADDR'] ?? '127.0.0.1'
|
||||
],
|
||||
[
|
||||
'level' => 'INFO',
|
||||
'message' => 'Sistema de menús inicializado',
|
||||
'source' => 'MenuSystem',
|
||||
'ip_address' => $_SERVER['REMOTE_ADDR'] ?? '127.0.0.1'
|
||||
],
|
||||
[
|
||||
'level' => 'WARNING',
|
||||
'message' => 'Verificar configuración de tokens WhatsApp',
|
||||
'source' => 'Config',
|
||||
'ip_address' => $_SERVER['REMOTE_ADDR'] ?? '127.0.0.1'
|
||||
]
|
||||
];
|
||||
|
||||
foreach ($exampleLogs as $log) {
|
||||
$db->insert('system_logs', $log);
|
||||
}
|
||||
}
|
||||
|
||||
$logs = $db->fetchAll(
|
||||
"SELECT
|
||||
id,
|
||||
datetime,
|
||||
level,
|
||||
message,
|
||||
source,
|
||||
data,
|
||||
ip_address,
|
||||
created_at
|
||||
FROM system_logs
|
||||
ORDER BY datetime DESC, id DESC
|
||||
LIMIT ? OFFSET ?",
|
||||
[$limit, $offset]
|
||||
);
|
||||
}
|
||||
|
||||
echo json_encode([
|
||||
'success' => true,
|
||||
'data' => $logs,
|
||||
'total' => count($logs),
|
||||
'type' => $type,
|
||||
'message' => 'Logs cargados correctamente'
|
||||
]);
|
||||
|
||||
} catch (Exception $e) {
|
||||
error_log("Error in get_logs.php: " . $e->getMessage());
|
||||
error_log("Error en get_logs.php: " . $e->getMessage());
|
||||
http_response_code(500);
|
||||
echo json_encode(['error' => 'Error interno del servidor']);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'error' => 'Error interno del servidor',
|
||||
'debug' => $e->getMessage(),
|
||||
'data' => []
|
||||
]);
|
||||
}
|
||||
?>
|
||||
@@ -0,0 +1,117 @@
|
||||
<?php
|
||||
/**
|
||||
* API - Guardar respuesta automática
|
||||
* Fecha: 12 de enero de 2026
|
||||
*/
|
||||
|
||||
require_once '../config/config.php';
|
||||
|
||||
// Verificar autenticación
|
||||
requireAuthentication();
|
||||
|
||||
header('Content-Type: application/json; charset=utf-8');
|
||||
header('Access-Control-Allow-Origin: *');
|
||||
header('Access-Control-Allow-Methods: POST');
|
||||
header('Access-Control-Allow-Headers: Content-Type');
|
||||
|
||||
// Solo permitir POST
|
||||
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
|
||||
http_response_code(405);
|
||||
echo json_encode(['success' => false, 'error' => 'Método no permitido']);
|
||||
exit;
|
||||
}
|
||||
|
||||
try {
|
||||
$input = json_decode(file_get_contents('php://input'), true);
|
||||
|
||||
if (!$input) {
|
||||
throw new Exception('Datos no válidos');
|
||||
}
|
||||
|
||||
// Validar campos requeridos
|
||||
$required_fields = ['trigger_type', 'response_text'];
|
||||
foreach ($required_fields as $field) {
|
||||
if (!isset($input[$field]) || trim($input[$field]) === '') {
|
||||
throw new Exception("El campo '$field' es requerido");
|
||||
}
|
||||
}
|
||||
|
||||
$db = Database::getInstance();
|
||||
|
||||
// Preparar datos para insertar/actualizar
|
||||
$data = [
|
||||
'trigger_type' => $input['trigger_type'],
|
||||
'response_text' => trim($input['response_text']),
|
||||
'response_type' => $input['response_type'] ?? 'text',
|
||||
'priority' => intval($input['priority'] ?? 0),
|
||||
'is_active' => isset($input['is_active']) ? (bool)$input['is_active'] : true,
|
||||
'updated_at' => date('Y-m-d H:i:s')
|
||||
];
|
||||
|
||||
// Campos opcionales
|
||||
if (!empty($input['trigger_value'])) {
|
||||
$data['trigger_value'] = trim($input['trigger_value']);
|
||||
}
|
||||
|
||||
if (!empty($input['template_name'])) {
|
||||
$data['template_name'] = trim($input['template_name']);
|
||||
}
|
||||
|
||||
if (!empty($input['menu_id'])) {
|
||||
$data['menu_id'] = intval($input['menu_id']);
|
||||
}
|
||||
|
||||
// Verificar si es actualización o inserción
|
||||
if (!empty($input['id'])) {
|
||||
// Actualización
|
||||
$id = intval($input['id']);
|
||||
|
||||
// Verificar que existe
|
||||
$existing = $db->fetchAll("SELECT id FROM autoresponses WHERE id = ?", [$id]);
|
||||
if (empty($existing)) {
|
||||
throw new Exception('Respuesta automática no encontrada');
|
||||
}
|
||||
|
||||
// Actualizar
|
||||
$setClauses = [];
|
||||
$values = [];
|
||||
|
||||
foreach ($data as $key => $value) {
|
||||
$setClauses[] = "$key = ?";
|
||||
$values[] = $value;
|
||||
}
|
||||
|
||||
$values[] = $id;
|
||||
|
||||
$sql = "UPDATE autoresponses SET " . implode(', ', $setClauses) . " WHERE id = ?";
|
||||
$db->execute($sql, $values);
|
||||
|
||||
$message = 'Respuesta automática actualizada correctamente';
|
||||
|
||||
} else {
|
||||
// Inserción
|
||||
$data['created_at'] = date('Y-m-d H:i:s');
|
||||
$id = $db->insert('autoresponses', $data);
|
||||
$message = 'Respuesta automática creada correctamente';
|
||||
}
|
||||
|
||||
// Obtener el registro actualizado/creado
|
||||
$autoresponse = $db->fetchAll("SELECT * FROM autoresponses WHERE id = ?", [$id]);
|
||||
|
||||
echo json_encode([
|
||||
'success' => true,
|
||||
'data' => $autoresponse[0] ?? null,
|
||||
'message' => $message,
|
||||
'id' => $id
|
||||
]);
|
||||
|
||||
} catch (Exception $e) {
|
||||
error_log("Error en save_autoresponse.php: " . $e->getMessage());
|
||||
http_response_code(500);
|
||||
echo json_encode([
|
||||
'success' => false,
|
||||
'error' => $e->getMessage(),
|
||||
'debug' => $e->getTraceAsString()
|
||||
]);
|
||||
}
|
||||
?>
|
||||
+534
-58
@@ -117,6 +117,9 @@ class SimpleWhatsAppManager {
|
||||
case 'menus':
|
||||
this.loadMenus();
|
||||
break;
|
||||
case 'autoresponses':
|
||||
this.loadAutoResponses();
|
||||
break;
|
||||
case 'logs':
|
||||
this.loadLogs();
|
||||
break;
|
||||
@@ -1018,6 +1021,146 @@ class SimpleWhatsAppManager {
|
||||
}
|
||||
}
|
||||
|
||||
async loadAutoResponses() {
|
||||
this.log('Cargando respuestas automáticas');
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('get_autoresponses.php');
|
||||
|
||||
if (response && response.success) {
|
||||
this.updateAutoResponsesList(response.data || []);
|
||||
} else if (response && Array.isArray(response)) {
|
||||
this.updateAutoResponsesList(response);
|
||||
} else {
|
||||
this.showError('Error cargando respuestas automáticas');
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error cargando respuestas automáticas: ' + error.message);
|
||||
}
|
||||
}
|
||||
|
||||
updateAutoResponsesList(autoresponses) {
|
||||
const container = document.getElementById('autoresponses-table');
|
||||
if (!container) return;
|
||||
|
||||
// Almacenar los datos para uso posterior
|
||||
this.autoResponsesData = autoresponses;
|
||||
|
||||
if (autoresponses.length === 0) {
|
||||
container.innerHTML = '<tr><td colspan="5" class="text-center text-muted">No hay respuestas automáticas configuradas</td></tr>';
|
||||
return;
|
||||
}
|
||||
|
||||
let html = '';
|
||||
|
||||
autoresponses.forEach(response => {
|
||||
const typeLabels = {
|
||||
'keyword': '🔑 Palabra Clave',
|
||||
'contains': '📝 Contiene',
|
||||
'exact': '🎯 Exacta',
|
||||
'welcome': '👋 Bienvenida',
|
||||
'default': '🤖 Por Defecto'
|
||||
};
|
||||
|
||||
const typeLabel = typeLabels[response.trigger_type] || response.trigger_type;
|
||||
|
||||
html += `
|
||||
<tr>
|
||||
<td><span class="badge bg-info">${typeLabel}</span></td>
|
||||
<td><code>${response.trigger_value || '-'}</code></td>
|
||||
<td>${this.truncateText(response.response_text || '', 60)}</td>
|
||||
<td><span class="badge bg-${response.is_active == 1 ? 'success' : 'secondary'}">${response.is_active == 1 ? 'Activo' : 'Inactivo'}</span></td>
|
||||
<td>
|
||||
<button class="btn btn-sm btn-outline-primary me-1" onclick="editAutoResponse(${response.id})" title="Editar">
|
||||
<i class="fas fa-edit"></i>
|
||||
</button>
|
||||
<button class="btn btn-sm btn-outline-danger" onclick="deleteAutoResponse(${response.id})" title="Eliminar">
|
||||
<i class="fas fa-trash"></i>
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
`;
|
||||
});
|
||||
|
||||
container.innerHTML = html;
|
||||
}
|
||||
|
||||
async saveAutoResponse() {
|
||||
this.log('Guardando respuesta automática');
|
||||
|
||||
try {
|
||||
const responseData = {
|
||||
trigger_type: document.getElementById('autoresponse-type')?.value || 'keyword',
|
||||
trigger_value: document.getElementById('autoresponse-trigger')?.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
|
||||
};
|
||||
|
||||
// Validar campos requeridos
|
||||
if (!responseData.response_text) {
|
||||
this.showError('El texto de respuesta es requerido');
|
||||
return;
|
||||
}
|
||||
|
||||
if (responseData.trigger_type !== 'welcome' && responseData.trigger_type !== 'default' && !responseData.trigger_value) {
|
||||
this.showError('El disparador es requerido para este tipo de respuesta');
|
||||
return;
|
||||
}
|
||||
|
||||
this.log(`Datos de respuesta automática a guardar: ${JSON.stringify(responseData)}`);
|
||||
|
||||
const response = await this.apiCall('save_autoresponse.php', {
|
||||
method: 'POST',
|
||||
body: responseData
|
||||
});
|
||||
|
||||
if (response && response.success) {
|
||||
this.showSuccess('Respuesta automática guardada correctamente');
|
||||
|
||||
// Cerrar modal
|
||||
const modal = document.getElementById('createAutoResponseModal');
|
||||
if (modal) {
|
||||
const bsModal = bootstrap.Modal.getInstance(modal);
|
||||
if (bsModal) bsModal.hide();
|
||||
}
|
||||
|
||||
// Limpiar formulario
|
||||
const form = document.getElementById('autoresponse-form');
|
||||
if (form) form.reset();
|
||||
|
||||
// Recargar respuestas automáticas
|
||||
this.loadAutoResponses();
|
||||
} else {
|
||||
this.showError(`Error guardando respuesta automática: ${response?.error || 'Error desconocido'}`);
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
this.showError('Error guardando respuesta automática: ' + error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async deleteAutoResponseAction(responseId) {
|
||||
this.log(`Eliminando respuesta automática ID: ${responseId}`);
|
||||
|
||||
try {
|
||||
const response = await this.apiCall('delete_autoresponse.php', {
|
||||
method: 'POST',
|
||||
body: { response_id: responseId }
|
||||
});
|
||||
|
||||
if (response && response.success) {
|
||||
this.showSuccess('Respuesta automática eliminada correctamente');
|
||||
this.loadAutoResponses(); // Recargar la lista
|
||||
} else {
|
||||
this.showError(`Error eliminando respuesta automática: ${response?.error || 'Error desconocido'}`);
|
||||
}
|
||||
} catch (error) {
|
||||
this.showError('Error eliminando respuesta automática: ' + error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async deleteMenuAction(menuId) {
|
||||
this.log(`Eliminando menú ID: ${menuId}`);
|
||||
|
||||
@@ -1154,6 +1297,139 @@ class SimpleWhatsAppManager {
|
||||
this.showError('Error cargando logs: ' + error.message);
|
||||
}
|
||||
}
|
||||
|
||||
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);
|
||||
if (row) {
|
||||
tbody.appendChild(row);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
createLogRow(log) {
|
||||
if (!log) return null;
|
||||
|
||||
const tr = document.createElement('tr');
|
||||
|
||||
// Fecha y hora
|
||||
const tdDateTime = document.createElement('td');
|
||||
tdDateTime.textContent = log.datetime || log.created_at || 'N/A';
|
||||
tr.appendChild(tdDateTime);
|
||||
|
||||
// Nivel
|
||||
const tdLevel = document.createElement('td');
|
||||
const levelBadge = document.createElement('span');
|
||||
levelBadge.className = `badge bg-${this.getLevelBadgeClass(log.level || log.tipo)}`;
|
||||
levelBadge.textContent = (log.level || log.tipo || 'INFO').toUpperCase();
|
||||
tdLevel.appendChild(levelBadge);
|
||||
tr.appendChild(tdLevel);
|
||||
|
||||
// Mensaje
|
||||
const tdMessage = document.createElement('td');
|
||||
tdMessage.textContent = this.truncateText(log.message || log.mensaje || '', 100);
|
||||
tr.appendChild(tdMessage);
|
||||
|
||||
// Origen
|
||||
const tdSource = document.createElement('td');
|
||||
tdSource.textContent = log.source || log.origen || 'Sistema';
|
||||
tr.appendChild(tdSource);
|
||||
|
||||
// Acciones
|
||||
const tdActions = document.createElement('td');
|
||||
const viewButton = document.createElement('button');
|
||||
viewButton.className = 'btn btn-sm btn-outline-info';
|
||||
viewButton.innerHTML = '<i class="fas fa-eye"></i>';
|
||||
viewButton.onclick = () => this.showLogDetails(log);
|
||||
tdActions.appendChild(viewButton);
|
||||
tr.appendChild(tdActions);
|
||||
|
||||
return tr;
|
||||
}
|
||||
|
||||
getLevelBadgeClass(level) {
|
||||
const levelClasses = {
|
||||
'ERROR': 'danger',
|
||||
'WARNING': 'warning',
|
||||
'WARN': 'warning',
|
||||
'INFO': 'info',
|
||||
'DEBUG': 'secondary',
|
||||
'SUCCESS': 'success'
|
||||
};
|
||||
return levelClasses[level?.toUpperCase()] || 'secondary';
|
||||
}
|
||||
|
||||
showLogDetails(log) {
|
||||
const details = {
|
||||
'Fecha/Hora': log.datetime || log.created_at || 'N/A',
|
||||
'Nivel': (log.level || log.tipo || 'INFO').toUpperCase(),
|
||||
'Mensaje': log.message || log.mensaje || '',
|
||||
'Origen': log.source || log.origen || 'Sistema',
|
||||
'Datos Adicionales': log.data ? JSON.stringify(log.data, null, 2) : 'N/A'
|
||||
};
|
||||
|
||||
let detailsHtml = '<div class="log-details">';
|
||||
for (const [key, value] of Object.entries(details)) {
|
||||
detailsHtml += `
|
||||
<div class="mb-2">
|
||||
<strong>${key}:</strong>
|
||||
<div class="ms-2 ${key === 'Datos Adicionales' ? 'font-monospace' : ''}">${value}</div>
|
||||
</div>`;
|
||||
}
|
||||
detailsHtml += '</div>';
|
||||
|
||||
// Mostrar en modal o alert
|
||||
if (typeof bootstrap !== 'undefined') {
|
||||
// Si Bootstrap está disponible, crear modal
|
||||
this.showModalAlert('Detalles del Log', detailsHtml);
|
||||
} else {
|
||||
// Fallback a alert simple
|
||||
alert(`Detalles del Log:\n\n${Object.entries(details).map(([k,v]) => `${k}: ${v}`).join('\n')}`);
|
||||
}
|
||||
}
|
||||
|
||||
showModalAlert(title, content) {
|
||||
// Crear modal temporal si no existe
|
||||
let modal = document.getElementById('tempLogModal');
|
||||
if (!modal) {
|
||||
modal = document.createElement('div');
|
||||
modal.id = 'tempLogModal';
|
||||
modal.className = 'modal fade';
|
||||
modal.innerHTML = `
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title"></h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
|
||||
</div>
|
||||
<div class="modal-body"></div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>`;
|
||||
document.body.appendChild(modal);
|
||||
}
|
||||
|
||||
modal.querySelector('.modal-title').textContent = title;
|
||||
modal.querySelector('.modal-body').innerHTML = content;
|
||||
|
||||
const bootstrapModal = new bootstrap.Modal(modal);
|
||||
bootstrapModal.show();
|
||||
}
|
||||
}
|
||||
|
||||
// Inicializar cuando el DOM esté listo
|
||||
@@ -1581,6 +1857,11 @@ window.app = {
|
||||
if (window.whatsappManager) {
|
||||
window.whatsappManager.saveMenu();
|
||||
}
|
||||
},
|
||||
saveAutoResponse: function () {
|
||||
if (window.whatsappManager) {
|
||||
window.whatsappManager.saveAutoResponse();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
@@ -1659,19 +1940,228 @@ window.removeMenuOption = function (button) {
|
||||
}
|
||||
};
|
||||
|
||||
// Función para actualizar numeración de opciones
|
||||
function updateOptionNumbers() {
|
||||
const container = document.getElementById('menu-options-container');
|
||||
if (!container) return;
|
||||
|
||||
const options = container.querySelectorAll('.menu-option-item');
|
||||
options.forEach((option, index) => {
|
||||
const header = option.querySelector('h6');
|
||||
if (header) {
|
||||
header.textContent = `Opción ${index + 1}`;
|
||||
// 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`);
|
||||
};
|
||||
|
||||
window.deleteAutoResponse = function (responseId) {
|
||||
console.log('Eliminando respuesta automática:', responseId);
|
||||
if (confirm(`¿Está seguro que desea eliminar la respuesta automática ${responseId}?`)) {
|
||||
if (window.whatsappManager) {
|
||||
window.whatsappManager.deleteAutoResponseAction(responseId);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Funciones para modal de autorespuestas
|
||||
window.showCreateAutoResponseModal = function() {
|
||||
document.getElementById('autoresponse-form').reset();
|
||||
document.getElementById('autoresponse-id').value = '';
|
||||
document.getElementById('createAutoResponseModalLabel').innerHTML = '<i class="fas fa-robot"></i> Crear Nueva Respuesta Automática';
|
||||
|
||||
// Reset campos específicos
|
||||
updateTriggerFields('keyword');
|
||||
updateResponseTypeFields('text');
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('createAutoResponseModal'));
|
||||
modal.show();
|
||||
};
|
||||
|
||||
window.showEditAutoResponseModal = function(autoresponse) {
|
||||
document.getElementById('autoresponse-id').value = autoresponse.id;
|
||||
document.getElementById('createAutoResponseModalLabel').innerHTML = '<i class="fas fa-edit"></i> Editar Respuesta Automática';
|
||||
|
||||
// Llenar campos del formulario
|
||||
document.getElementById('autoresponse-trigger-type').value = autoresponse.trigger_type;
|
||||
document.getElementById('autoresponse-trigger-value').value = autoresponse.trigger_value || '';
|
||||
document.getElementById('autoresponse-text').value = autoresponse.response_text;
|
||||
document.getElementById('autoresponse-type').value = autoresponse.response_type;
|
||||
document.getElementById('autoresponse-priority').value = autoresponse.priority;
|
||||
document.getElementById('autoresponse-active').value = autoresponse.is_active ? '1' : '0';
|
||||
document.getElementById('autoresponse-template-name').value = autoresponse.template_name || '';
|
||||
document.getElementById('autoresponse-menu-id').value = autoresponse.menu_id || '';
|
||||
|
||||
// Actualizar campos según el tipo
|
||||
updateTriggerFields(autoresponse.trigger_type);
|
||||
updateResponseTypeFields(autoresponse.response_type);
|
||||
|
||||
const modal = new bootstrap.Modal(document.getElementById('createAutoResponseModal'));
|
||||
modal.show();
|
||||
};
|
||||
|
||||
window.updateTriggerFields = function(triggerType) {
|
||||
const valueGroup = document.getElementById('trigger-value-group');
|
||||
const valueLabel = document.getElementById('trigger-value-label');
|
||||
const valueInput = document.getElementById('autoresponse-trigger-value');
|
||||
const valueHelp = document.getElementById('trigger-value-help');
|
||||
|
||||
if (!valueGroup || !valueLabel || !valueInput || !valueHelp) {
|
||||
console.warn('Elementos del modal de autorespuesta no encontrados');
|
||||
return;
|
||||
}
|
||||
|
||||
switch (triggerType) {
|
||||
case 'keyword':
|
||||
valueGroup.style.display = 'block';
|
||||
valueLabel.textContent = 'Palabras Clave *';
|
||||
valueInput.placeholder = 'hola,buenos días,hi,hello';
|
||||
valueInput.required = true;
|
||||
valueHelp.textContent = 'Separa múltiples palabras con comas';
|
||||
break;
|
||||
|
||||
case 'contains':
|
||||
valueGroup.style.display = 'block';
|
||||
valueLabel.textContent = 'Texto a Buscar *';
|
||||
valueInput.placeholder = 'precio';
|
||||
valueInput.required = true;
|
||||
valueHelp.textContent = 'Texto que debe contener el mensaje del usuario';
|
||||
break;
|
||||
|
||||
case 'exact':
|
||||
valueGroup.style.display = 'block';
|
||||
valueLabel.textContent = 'Mensaje Exacto *';
|
||||
valueInput.placeholder = 'quiero información';
|
||||
valueInput.required = true;
|
||||
valueHelp.textContent = 'El mensaje debe coincidir exactamente';
|
||||
break;
|
||||
|
||||
case 'welcome':
|
||||
case 'default':
|
||||
valueGroup.style.display = 'none';
|
||||
valueInput.required = false;
|
||||
valueInput.value = '';
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
window.updateResponseTypeFields = function(responseType) {
|
||||
const templateFields = document.getElementById('template-fields');
|
||||
const menuFields = document.getElementById('menu-fields');
|
||||
|
||||
if (!templateFields || !menuFields) {
|
||||
console.warn('Campos adicionales del modal no encontrados');
|
||||
return;
|
||||
}
|
||||
|
||||
// Ocultar todos los campos adicionales
|
||||
templateFields.style.display = 'none';
|
||||
menuFields.style.display = 'none';
|
||||
|
||||
// Mostrar campos según el tipo
|
||||
switch (responseType) {
|
||||
case 'template':
|
||||
templateFields.style.display = 'block';
|
||||
break;
|
||||
case 'menu':
|
||||
menuFields.style.display = 'block';
|
||||
// Cargar menús disponibles si no están cargados
|
||||
loadMenusForSelect();
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
window.loadMenusForSelect = function() {
|
||||
fetch('/api/get_menus.php')
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
const select = document.getElementById('autoresponse-menu-id');
|
||||
if (select) {
|
||||
select.innerHTML = '<option value="">Seleccionar menú...</option>';
|
||||
|
||||
data.data.forEach(menu => {
|
||||
const option = document.createElement('option');
|
||||
option.value = menu.id;
|
||||
option.textContent = `${menu.name} (${menu.menu_key})`;
|
||||
select.appendChild(option);
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch(error => console.error('Error loading menus for select:', error));
|
||||
};
|
||||
|
||||
// Actualizar función editAutoResponse para usar el modal
|
||||
window.editAutoResponse = function (responseId) {
|
||||
console.log('Editando respuesta automática:', responseId);
|
||||
|
||||
// Buscar la respuesta en los datos cargados
|
||||
if (window.whatsappManager && window.whatsappManager.autoResponsesData) {
|
||||
const autoresponse = window.whatsappManager.autoResponsesData.find(ar => ar.id == responseId);
|
||||
if (autoresponse) {
|
||||
showEditAutoResponseModal(autoresponse);
|
||||
} else {
|
||||
console.error('Respuesta automática no encontrada:', responseId);
|
||||
alert('Error: No se pudo cargar la respuesta automática');
|
||||
}
|
||||
} else {
|
||||
console.error('Datos de respuestas automáticas no disponibles');
|
||||
alert('Error: Datos no disponibles, recarga la página');
|
||||
}
|
||||
};
|
||||
|
||||
window.showCreateAutoResponseModal = function () {
|
||||
console.log('🔵 Abriendo modal de respuesta automática...');
|
||||
|
||||
const modalElement = document.getElementById('createAutoResponseModal');
|
||||
if (!modalElement) {
|
||||
console.error('❌ Modal de respuesta automática no encontrado');
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
const form = document.getElementById('autoresponse-form');
|
||||
if (form) form.reset();
|
||||
|
||||
if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
|
||||
const modal = new bootstrap.Modal(modalElement);
|
||||
modal.show();
|
||||
} else {
|
||||
modalElement.style.display = 'block';
|
||||
modalElement.classList.add('show');
|
||||
}
|
||||
console.log('✅ Modal de respuesta automática abierto');
|
||||
} catch (error) {
|
||||
console.error('❌ Error abriendo modal de respuesta automática:', error);
|
||||
}
|
||||
};
|
||||
|
||||
// Función para cambiar tipo de disparador
|
||||
window.toggleTriggerType = function () {
|
||||
const triggerType = document.getElementById('autoresponse-type')?.value;
|
||||
const triggerContainer = document.getElementById('trigger-container');
|
||||
|
||||
if (triggerContainer) {
|
||||
if (triggerType === 'welcome' || triggerType === 'default') {
|
||||
triggerContainer.style.display = 'none';
|
||||
} else {
|
||||
triggerContainer.style.display = 'block';
|
||||
|
||||
const triggerInput = document.getElementById('autoresponse-trigger');
|
||||
const triggerLabel = document.querySelector('label[for="autoresponse-trigger"]');
|
||||
|
||||
if (triggerInput && triggerLabel) {
|
||||
switch (triggerType) {
|
||||
case 'keyword':
|
||||
triggerLabel.textContent = 'Palabra Clave *';
|
||||
triggerInput.placeholder = 'ej: hola, info, precios';
|
||||
break;
|
||||
case 'contains':
|
||||
triggerLabel.textContent = 'Texto que debe contener *';
|
||||
triggerInput.placeholder = 'ej: precio, información';
|
||||
break;
|
||||
case 'exact':
|
||||
triggerLabel.textContent = 'Mensaje exacto *';
|
||||
triggerInput.placeholder = 'ej: ¿Cuáles son sus precios?';
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// Funciones para el formulario de mensajes
|
||||
window.toggleRecipientType = function () {
|
||||
@@ -1834,51 +2324,37 @@ function displayDiagnosticResults(data) {
|
||||
|
||||
|
||||
|
||||
function updateLogsTable(logs) {
|
||||
const tbody = document.getElementById('logs-table');
|
||||
if (!tbody) {
|
||||
this.log('Tabla de logs no encontrada', 'warning');
|
||||
return;
|
||||
// ==============================================
|
||||
// EVENT LISTENERS PARA MODALES DE AUTORESPUESTAS
|
||||
// ==============================================
|
||||
|
||||
// Agregar event listeners cuando el DOM esté listo
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Event listener para cambio de tipo de trigger
|
||||
const triggerTypeSelect = document.getElementById('autoresponse-trigger-type');
|
||||
if (triggerTypeSelect) {
|
||||
triggerTypeSelect.addEventListener('change', function() {
|
||||
updateTriggerFields(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
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;
|
||||
|
||||
// Event listener para cambio de tipo de respuesta
|
||||
const responseTypeSelect = document.getElementById('autoresponse-type');
|
||||
if (responseTypeSelect) {
|
||||
responseTypeSelect.addEventListener('change', function() {
|
||||
updateResponseTypeFields(this.value);
|
||||
});
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
// Event listener para el modal cuando se muestre
|
||||
const autoResponseModal = document.getElementById('createAutoResponseModal');
|
||||
if (autoResponseModal) {
|
||||
autoResponseModal.addEventListener('shown.bs.modal', function () {
|
||||
// Enfocar el primer campo cuando se abra el modal
|
||||
const firstInput = autoResponseModal.querySelector('input, select, textarea');
|
||||
if (firstInput) {
|
||||
firstInput.focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
@@ -781,6 +781,107 @@ try {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal para crear/editar autorespuesta -->
|
||||
<div class="modal fade" id="createAutoResponseModal" tabindex="-1" aria-labelledby="createAutoResponseModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="createAutoResponseModalLabel">
|
||||
<i class="fas fa-robot"></i> Crear Nueva Respuesta Automática
|
||||
</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form id="autoresponse-form">
|
||||
<input type="hidden" id="autoresponse-id">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Tipo de Trigger *</label>
|
||||
<select class="form-control" id="autoresponse-trigger-type" required onchange="updateTriggerFields(this.value)">
|
||||
<option value="keyword">Palabra Clave</option>
|
||||
<option value="contains">Contiene Texto</option>
|
||||
<option value="exact">Mensaje Exacto</option>
|
||||
<option value="welcome">Mensaje de Bienvenida</option>
|
||||
<option value="default">Respuesta por Defecto</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Prioridad</label>
|
||||
<input type="number" class="form-control" id="autoresponse-priority" value="1" min="0" max="10">
|
||||
<small class="text-muted">Mayor número = mayor prioridad (0-10)</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-3" id="trigger-value-group">
|
||||
<label class="form-label" id="trigger-value-label">Palabras Clave *</label>
|
||||
<input type="text" class="form-control" id="autoresponse-trigger-value" placeholder="palabra1,palabra2,palabra3">
|
||||
<small class="text-muted" id="trigger-value-help">Separa múltiples palabras con comas</small>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Texto de Respuesta *</label>
|
||||
<textarea class="form-control" id="autoresponse-text" rows="4" placeholder="Escribe aquí la respuesta que se enviará automáticamente..." required></textarea>
|
||||
<small class="text-muted">Puedes usar emojis y saltos de línea</small>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Tipo de Respuesta</label>
|
||||
<select class="form-control" id="autoresponse-type">
|
||||
<option value="text">Mensaje de Texto</option>
|
||||
<option value="template">Plantilla WhatsApp</option>
|
||||
<option value="menu">Mostrar Menú</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Estado</label>
|
||||
<select class="form-control" id="autoresponse-active">
|
||||
<option value="1">Activa</option>
|
||||
<option value="0">Inactiva</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Campos adicionales para diferentes tipos de respuesta -->
|
||||
<div id="template-fields" style="display: none;">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Nombre de la Plantilla</label>
|
||||
<input type="text" class="form-control" id="autoresponse-template-name" placeholder="nombre_plantilla">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="menu-fields" style="display: none;">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Menú a Mostrar</label>
|
||||
<select class="form-control" id="autoresponse-menu-id">
|
||||
<option value="">Seleccionar menú...</option>
|
||||
<!-- Opciones cargadas dinámicamente -->
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
|
||||
<i class="fas fa-times"></i> Cancelar
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary" onclick="app.saveAutoResponse()">
|
||||
<i class="fas fa-save"></i> Guardar Respuesta
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
Binary file not shown.
Reference in New Issue
Block a user