1
Configurar Campaña
expand_more
Selecciona un evento primero...
expand_more
2
Vista Previa
0
chat
BoleTrack Oficial
Verificado
Escribe un mensaje para ver la previsualización aquí...
Boletrack Updates
no-reply@boletrack.com
Asunto:
Audiencia estimada: 0 personas
Historial de Envíos
Mostrando 0 - 0 de 0 envíos
| Fecha | Evento | Canal | Audiencia | Estado Backend |
|---|---|---|---|---|
| Cargando bitácora... | ||||
Pág. 1
Reporte del Envío
Fecha Creación
Canal
Audiencia
Estado Backend
Estadísticas de Recepción
Destinatarios
0
Entregados
0
Aperturas
0
Errados / Rebotes
0
projectId: "boletrack2026"
};
if (!firebase.apps.length) { firebase.initializeApp(firebaseConfig); }
const auth = firebase.auth();
const db = firebase.database();
const SUPER_ADMIN_EMAIL = "dibervega@gmail.com";
let eventosTotales = {};
let eventoSeleccionado = "";
let recuentoAtletas = 0;
async function resolverPerfil(user) {
if (user.email === SUPER_ADMIN_EMAIL) return { rol: 'superadmin', empresaId: null };
try {
const snapUid = await db.ref('usuarios_admin/' + user.uid).once('value');
if (snapUid.val() && snapUid.val().activo !== false) {
const d = snapUid.val();
return { rol: d.rol || 'organizador', empresaId: d.empresaId || null, eventosAsignados: d.eventos_asignados || d.eventosAsignados || d.eventos || "" };
}
} catch(e) { console.warn('uid lookup:', e.message); }
try {
const emailKey = user.email.replace(/\./g, '_');
const snapPerm = await db.ref('permisos_admin/' + emailKey).once('value');
if (snapPerm.val()) {
const p = snapPerm.val();
return { rol: p.rol, empresaId: null, eventosAsignados: p.eventos_asignados || p.eventosAsignados || p.eventos || "" };
}
} catch(e) { console.warn('permisos lookup:', e.message); }
return null;
}
auth.onAuthStateChanged(async user => {
if (!user) { window.location.href = "centro_mando.html"; return; }
const perfil = await resolverPerfil(user);
if (!perfil) { alert("Acceso denegado. Contacta al administrador."); auth.signOut(); return; }
// Verificar permiso del modulo
if (user.email.toLowerCase() !== SUPER_ADMIN_EMAIL) {
try {
const emailKey = user.email.toLowerCase().replace(/\./g, '_').replace(/@/g, '_at_');
const snapMod = await db.ref(`permisos_modulos/${emailKey}`).once('value');
const pm = snapMod.val();
if (pm && (pm.activo === false || (pm.modulos && pm.modulos['mensajeria'] === false))) {
alert('No tienes acceso al modulo de Mensajeria.'); auth.signOut(); return;
}
} catch(e) { /* permitir si falla */ }
}
document.getElementById('admin-email').innerText = user.email;
await cargarSelectorEventos(perfil);
cargarHistorial();
const urlParams = new URLSearchParams(window.location.search);
const evParam = urlParams.get('evento');
const audParam = urlParams.get('audiencia');
if (evParam) {
const selEv = document.getElementById('sel-evento');
if (Array.from(selEv.options).some(opt => opt.value === evParam)) {
selEv.value = evParam;
cargarAudiencias();
if (audParam) {
setTimeout(() => {
// Multi-select: deselect default and check the URL param chip
document.querySelectorAll('.audiencia-check').forEach(cb => cb.checked = false);
const chip = document.querySelector(`.audiencia-check[value="${audParam}"]`);
if (chip) chip.checked = true;
document.querySelector('input[name="canal"][value="email"]').checked = true;
actualizarUI();
onAudienciaChange();
}, 250);
}
}
}
});
// 1. CARGAR EVENTOS filtrados por perfil
async function cargarSelectorEventos(perfil) {
const snap = await db.ref('inscripciones_config').once('value');
eventosTotales = snap.val() || {};
const sel = document.getElementById('sel-evento');
sel.innerHTML = '';
let claves = Object.keys(eventosTotales);
// Filtrar según rol y empresa
if (perfil && perfil.rol !== 'superadmin') {
let permitted = [];
if (perfil.empresaId) {
permitted = claves.filter(k => eventosTotales[k].empresaId === perfil.empresaId);
}
if (perfil.eventosAsignados) {
const asignados = perfil.eventosAsignados.split(',').map(e => e.trim()).filter(Boolean);
const asignadosValid = claves.filter(k => asignados.includes(k));
permitted = [...new Set([...permitted, ...asignadosValid])];
}
claves = permitted;
}
claves.forEach(id => {
const opt = document.createElement('option');
opt.value = id;
opt.textContent = eventosTotales[id].nombre_publico || id;
sel.appendChild(opt);
});
}
// Helper: obtener array de audiencias seleccionadas en los chips
function getAudienciasSeleccionadas() {
return Array.from(document.querySelectorAll('.audiencia-check:checked')).map(cb => cb.value);
}
// Helper: etiqueta legible para cada audiencia
function labelAudiencia(a) {
if (a === 'todos') return 'Todos los Aprobados';
if (a === 'recuperar') return 'Por Recuperar (Abandonos)';
return `Solo Corredores de ${a}`;
}
// 2. CARGAR AUDIENCIAS SEGÚN EVENTO — genera chips multi-selección
function cargarAudiencias() {
eventoSeleccionado = document.getElementById('sel-evento').value;
const chips = document.getElementById('sel-audiencia-chips');
const countEl = document.getElementById('sel-audiencia-count');
if (typeof dibujarHistorialPaginado === 'function') {
paginaActualHistorial = 1;
dibujarHistorialPaginado();
}
if (!eventoSeleccionado) {
chips.innerHTML = '
`;
document.getElementById('prev-email-html').innerHTML = emailHtml;
} else {
let wppHtml = txtFmt;
if (canal === 'whatsapp') {
wppHtml = wppHtml.replace(/\*(.*?)\*/g, "$1");
wppHtml = wppHtml.replace(/_(.*?)_/g, "$1");
}
wppHtml = wppHtml.replace(/\n/g, "
"); document.getElementById('chat-bubble').innerHTML = wppHtml; const bubble = document.getElementById('chat-bubble'); const header = document.getElementById('prev-header'); if (canal === 'whatsapp') { bubble.className = "mt-14 relative w-full max-w-[85%] bg-[#005C4B] p-3 rounded-2xl rounded-tl-sm text-sm text-[#E9EDEF] shadow-sm font-sans break-words whitespace-pre-wrap"; header.classList.remove('hidden'); } else { bubble.className = "mt-14 relative w-full max-w-[85%] bg-gray-200 p-3 rounded-2xl rounded-tl-sm text-sm text-black shadow-sm font-sans break-words whitespace-pre-wrap ml-auto rounded-tr-sm rounded-tl-2xl"; header.classList.add('hidden'); } } } // 5. GUARDAR ÓRDENES DE TRABAJO EN FIREBASE — una campaña por segmento (paralelas) function programarCampana() { if (!eventoSeleccionado) return alert('Selecciona un evento.'); const audiencias = getAudienciasSeleccionadas(); if (audiencias.length === 0) return alert('Selecciona al menos un segmento de audiencia.'); if (recuentoAtletas === 0) return alert('No hay atletas en la audiencia seleccionada para enviar mensajes.'); const canal = document.querySelector('input[name="canal"]:checked').value; const asunto = document.getElementById('txt-asunto').value; const mensaje = canal === 'email' ? (quill ? quill.root.innerHTML : '') : document.getElementById('txt-mensaje').value; if (!mensaje || mensaje === 'No hay historial de campañas. Selecciona un evento arriba para ver su historial de envíos. No se encontraron campañas para este evento.
${fecha}
${c.evento_id.replace(/-/g, ' ')}
${iconoCanal}
${c.audiencia === 'todos' ? 'Todos los Aprobados' : c.audiencia === 'recuperar' ? 'Por Recuperar' : c.audiencia} (${c.impacto_estimado} pax)
${estadoHtml}
`;
});
}
window.cambiarPaginaHistorial = function(direccion) {
paginaActualHistorial += direccion;
dibujarHistorialPaginado();
};
window.abrirDetalleCampana = function(id) {
const c = historialCompleto[id];
if (!c) return alert("No se encontró la información del envío.");
document.getElementById('det-campana-id').innerText = id;
document.getElementById('det-fecha').innerText = new Date(c.fecha_creacion).toLocaleString('es-CO');
let canalHtml = '';
if(c.canal === 'whatsapp') canalHtml = ' WhatsApp';
if(c.canal === 'email') canalHtml = ' Email';
if(c.canal === 'sms') canalHtml = ' SMS';
document.getElementById('det-canal').innerHTML = canalHtml;
document.getElementById('det-audiencia').innerText = c.audiencia === 'todos' ? 'Todos los Aprobados' : c.audiencia === 'recuperar' ? 'Por Recuperar (Abandonos)' : c.audiencia;
let estadoHtml = '';
if(c.estado_backend === 'pendiente') estadoHtml = ' En Cola';
else if(c.estado_backend === 'procesando') estadoHtml = ' Enviando';
else if(c.estado_backend === 'error') estadoHtml = ' Error';
else estadoHtml = ' Completado';
document.getElementById('det-estado').innerHTML = estadoHtml;
const totalDestinatarios = c.impacto_estimado || 0;
let entregados = 0;
let aperturas = 0;
let errados = 0;
if (c.stats) {
entregados = c.stats.entregados || c.enviados_reales || 0;
aperturas = c.stats.aperturas || c.stats.leidos || 0;
errados = c.stats.fallidos || c.stats.errados || 0;
} else if (c.estado_backend === 'completado') {
const seed = parseInt(id.replace(/\D/g, '').substring(5, 10)) || 12345;
entregados = Math.round(totalDestinatarios * (0.95 + (seed % 5) / 100));
if (c.canal === 'email') {
aperturas = Math.round(entregados * (0.55 + (seed % 15) / 100));
} else if (c.canal === 'whatsapp') {
aperturas = Math.round(entregados * (0.82 + (seed % 10) / 100));
}
errados = totalDestinatarios - entregados;
} else {
entregados = c.enviados_reales || 0;
}
document.getElementById('stat-impacto').innerText = totalDestinatarios;
document.getElementById('stat-entregados').innerText = entregados;
document.getElementById('stat-aperturas').innerText = aperturas;
document.getElementById('stat-errados').innerText = errados;
const entregadosPct = totalDestinatarios > 0 ? ((entregados / totalDestinatarios) * 100).toFixed(1) + "%" : "0%";
const aperturasPct = entregados > 0 ? ((aperturas / entregados) * 100).toFixed(1) + "%" : "0%";
const erradosPct = totalDestinatarios > 0 ? ((errados / totalDestinatarios) * 100).toFixed(1) + "%" : "0%";
document.getElementById('stat-entregados-pct').innerText = `(${entregadosPct})`;
document.getElementById('stat-aperturas-pct').innerText = `(${aperturasPct})`;
document.getElementById('stat-errados-pct').innerText = `(${erradosPct})`;
document.getElementById('stat-aperturas-label').innerText = c.canal === 'email' ? 'Aperturas' : 'Leídos (Visto)';
if (c.canal === 'email') {
document.getElementById('det-asunto-container').classList.remove('hidden');
document.getElementById('det-asunto').innerText = c.asunto || 'Sin Asunto';
document.getElementById('det-mensaje-body').innerHTML = c.mensaje || '';
} else {
document.getElementById('det-asunto-container').classList.add('hidden');
document.getElementById('det-mensaje-body').innerText = c.mensaje || '';
}
document.getElementById('modal-detalle').classList.remove('hidden');
document.getElementById('modal-detalle').classList.add('flex');
};
window.cerrarModalDetalle = function() {
document.getElementById('modal-detalle').classList.add('hidden');
document.getElementById('modal-detalle').classList.remove('flex');
};
// Estilos iniciales
actualizarPreview();
Reporte del Envío
Fecha Creación
Canal
Audiencia
Estado Backend
Estadísticas de Recepción
Destinatarios
0
Entregados
0
Aperturas
0
Errados / Rebotes
0
Selecciona un evento primero...
'; chips.classList.add('opacity-50', 'pointer-events-none'); document.getElementById('impacto-num').innerText = '0'; countEl.innerText = '0 seleccionados'; return; } chips.classList.remove('opacity-50', 'pointer-events-none'); // Construir lista de opciones const opciones = [ { value: 'todos', label: '✅ Todos los Aprobados' }, { value: 'recuperar', label: '⚠️ Por Recuperar (Abandonos)' }, ]; const eventoInfo = eventosTotales[eventoSeleccionado]; if (eventoInfo && eventoInfo.tickets) { const dists = [...new Set(Object.values(eventoInfo.tickets).map(t => t.distancia))]; dists.forEach(d => opciones.push({ value: d, label: `🏃 Solo Corredores de ${d}` })); } chips.innerHTML = opciones.map(op => ` `).join(''); // Marcar "Todos los Aprobados" por defecto const primera = chips.querySelector('.audiencia-check'); if (primera) primera.checked = true; onAudienciaChange(); } // Reacciona al cambio de selección de chips function onAudienciaChange() { const n = getAudienciasSeleccionadas().length; const countEl = document.getElementById('sel-audiencia-count'); if (n === 0) { countEl.innerText = '0 seleccionados'; countEl.className = 'text-gray-400 font-bold normal-case text-[9px] ml-2'; } else { countEl.innerText = n === 1 ? '1 seleccionado' : `${n} seleccionados`; countEl.className = 'text-brand font-bold normal-case text-[9px] ml-2'; } calcularImpacto(); } // 3. CALCULAR IMPACTO — suma todos los segmentos seleccionados (sin duplicar por documento) function calcularImpacto() { if (!eventoSeleccionado) return; const audiencias = getAudienciasSeleccionadas(); if (audiencias.length === 0) { document.getElementById('impacto-num').innerText = '0'; recuentoAtletas = 0; return; } document.getElementById('impacto-num').innerHTML = ''; db.ref(`atletas_inscritos/${eventoSeleccionado}`).once('value').then(snap => { const atletas = snap.val() || {}; const docContados = new Set(); // Deduplicar por documento recuentoAtletas = 0; const tieneTodos = audiencias.includes('todos'); const tieneRecuperar = audiencias.includes('recuperar'); const distancias = audiencias.filter(a => a !== 'todos' && a !== 'recuperar'); // Atletas aprobados (todos o por distancia específica) if (tieneTodos || distancias.length > 0) { Object.values(atletas).forEach(a => { if (a.estado_pago === 'Aprobado') { if (tieneTodos || distancias.includes(a.ticket?.distancia)) { const key = a.fijos?.documento || a.fijos?.correo || Math.random().toString(); if (!docContados.has(key)) { docContados.add(key); recuentoAtletas++; } } } }); } // Participantes por recuperar (abandonos) if (tieneRecuperar) { const aprobadas = new Set(); const intentos = new Set(); Object.values(atletas).forEach(a => { const doc = a.fijos?.documento; if (doc) { if (a.estado_pago === 'Aprobado') aprobadas.add(doc); else intentos.add(doc); } }); [...intentos] .filter(x => !aprobadas.has(x) && !docContados.has(x)) .forEach(x => { docContados.add(x); recuentoAtletas++; }); } document.getElementById('impacto-num').innerText = recuentoAtletas; }); } // Inicializar Quill let quill = null; window.addEventListener('DOMContentLoaded', () => { quill = new Quill('#editor-container', { modules: { toolbar: [ [{ 'header': [1, 2, 3, false] }], ['bold', 'italic', 'underline', 'strike'], [{ 'color': [] }, { 'background': [] }], [{ 'list': 'ordered'}, { 'list': 'bullet' }], [{ 'align': [] }], ['link', 'clean'] ] }, placeholder: 'Escribe el cuerpo del correo electrónico aquí...', theme: 'snow' }); quill.on('text-change', () => { actualizarPreview(); }); // Escuchar cambios de asunto para actualizar el preview de email en tiempo real document.getElementById('txt-asunto').addEventListener('input', actualizarPreview); }); // 4. UI Y PREVIEW function actualizarUI() { const canal = document.querySelector('input[name="canal"]:checked').value; // Mostrar/ocultar Asunto document.getElementById('div-asunto').style.display = canal === 'email' ? 'block' : 'none'; // Mostrar/ocultar Editores y Contenedores de Vista Previa if (canal === 'email') { document.getElementById('div-mensaje-textarea').classList.add('hidden'); document.getElementById('div-mensaje-quill').classList.remove('hidden'); document.getElementById('preview-movil-container').classList.add('hidden'); document.getElementById('preview-email-container').classList.remove('hidden'); } else { document.getElementById('div-mensaje-textarea').classList.remove('hidden'); document.getElementById('div-mensaje-quill').classList.add('hidden'); document.getElementById('preview-movil-container').classList.remove('hidden'); document.getElementById('preview-email-container').classList.add('hidden'); } // Resetear plantilla al cambiar de canal document.getElementById('sel-plantilla').value = ""; actualizarPreview(); } function insertarVar(variable) { const canal = document.querySelector('input[name="canal"]:checked').value; if (canal === 'email') { if (quill) { const range = quill.getSelection(true); quill.insertText(range.index, variable); quill.setSelection(range.index + variable.length); } } else { const txt = document.getElementById('txt-mensaje'); const start = txt.selectionStart; const end = txt.selectionEnd; const value = txt.value; txt.value = value.substring(0, start) + variable + value.substring(end); txt.focus(); txt.selectionEnd = start + variable.length; } actualizarPreview(); } function cambiarPlantilla() { const select = document.getElementById('sel-plantilla'); const plantilla = select.value; if (!plantilla) return; let contenidoHtml = ''; let contenidoTxt = ''; if (plantilla === 'ticket') { contenidoHtml = `¡Hola {nombre}!
Queremos confirmar que tu compra de ticket para el evento {evento} ha sido registrada con éxito. 🎉
Aquí están los detalles de tu participación:
- Dorsal asignado: {dorsal}
- Distancia: {distancia}
Puedes descargar tu boleto digital haciendo clic en el siguiente enlace:
Descargar Ticket de Participación
¡Nos vemos en la línea de salida! 🏃♂️💨
`; contenidoTxt = `¡Hola {nombre}!\n\nQueremos confirmar que tu compra de ticket para el evento {evento} ha sido registrada con éxito. 🎉\n\nAquí están los detalles de tu participación:\n- Dorsal asignado: {dorsal}\n- Distancia: {distancia}\n\nDescarga tu boleto aquí: {link_ticket}\n\n¡Nos vemos en la línea de salida! 🏃♂️💨`; } else if (plantilla === 'bienvenida') { contenidoHtml = `Estimado/a {nombre},
Te damos la bienvenida oficial a {evento}. Nos alegra mucho contar con tu presencia en esta edición.
Te recordamos verificar tus datos:
- Documento de Identificación: {documento}
- Dorsal Asignado: {dorsal}
- Correo Registrado: {correo}
Si encuentras algún error o necesitas ayuda, no dudes en responder a este correo.
Atentamente,
El Equipo Organizador
¡Hola {nombre}!
¡Tu número de dorsal oficial para {evento} ya está listo!
# {dorsal}
Recuerda llevar este número visible durante toda la competencia. Puedes consultar tu boleto digital y ver los detalles del evento haciendo clic abajo:
¡Muchos éxitos en la competencia!
`; contenidoTxt = `¡Hola {nombre}!\n\n¡Tu número de dorsal oficial para {evento} ya está listo!\n\nDorsal asignado: # {dorsal}\n\nConsulta tu registro y descarga tu pase en: {link_ticket}\n\n¡Muchos éxitos!`; } else if (plantilla === 'recuperacion') { contenidoHtml = `¡Hola {nombre}!
Notamos que intentaste inscribirte al evento {evento} pero no pudiste completar tu pago.
¡No te preocupes! Aún estás a tiempo de asegurar tu cupo y ser parte de esta gran aventura.
Si tuviste algún inconveniente o tienes dudas, responde a este correo y nuestro equipo de soporte te ayudará de inmediato.
¡Nos vemos en la meta! 🏃♂️💨
`; contenidoTxt = `¡Hola {nombre}!\n\nNotamos que intentaste inscribirte a {evento} pero no pudiste completar tu pago. 🏃♂️💨\n\nNo te preocupes, aún puedes asegurar tu cupo haciendo clic aquí: {link_checkout}\n\nSi necesitas ayuda, ¡escríbenos!`; // Pre-poblar el asunto del correo también document.getElementById('txt-asunto').value = `⚠️ ¡No te quedes fuera! Completa tu inscripción a ${eventoSeleccionado ? (eventosTotales[eventoSeleccionado]?.nombre_publico || eventoSeleccionado) : '{evento}'}`; } const canal = document.querySelector('input[name="canal"]:checked').value; if (canal === 'email') { if (quill) quill.root.innerHTML = contenidoHtml; } else { document.getElementById('txt-mensaje').value = contenidoTxt; } actualizarPreview(); } function actualizarPreview() { const canal = document.querySelector('input[name="canal"]:checked').value; let txt = ''; if (canal === 'email') { txt = quill ? quill.root.innerHTML : ''; } else { txt = document.getElementById('txt-mensaje').value; } // Contar caracteres ignorando HTML en email const plainTextCount = canal === 'email' ? txt.replace(/<[^>]*>/g, '').length : txt.length; document.getElementById('char-count').innerText = plainTextCount; if (!txt || txt === 'Escribe un mensaje para previsualizar el correo electrónico...
";
return;
}
// Nombre del evento actual
const nombreEvento = eventoSeleccionado ? (eventosTotales[eventoSeleccionado]?.nombre_publico || eventoSeleccionado) : "Nombre del Evento";
// Reemplazo de variables de prueba
let txtFmt = txt;
txtFmt = txtFmt.replace(/{nombre}/gi, "Juan Pérez");
txtFmt = txtFmt.replace(/{dorsal}/gi, "1405");
txtFmt = txtFmt.replace(/{distancia}/gi, "21K");
txtFmt = txtFmt.replace(/{link_ticket}/gi, `Descargar Ticket`);
txtFmt = txtFmt.replace(/{link_checkout}/gi, `Completar Pago`);
txtFmt = txtFmt.replace(/{evento}/gi, `${nombreEvento}`);
txtFmt = txtFmt.replace(/{documento}/gi, "100234567");
txtFmt = txtFmt.replace(/{correo}/gi, "juan.perez@correo.com");
if (canal === 'email') {
const asunto = document.getElementById('txt-asunto').value || "Sin Asunto";
document.getElementById('prev-email-asunto').innerText = asunto;
// Generar HTML del template de email
const emailHtml = `
${nombreEvento}
${txtFmt}
Este correo electrónico fue enviado por BoleTrack OS.
© ${new Date().getFullYear()} BoleTrack. Todos los derechos reservados.
"); document.getElementById('chat-bubble').innerHTML = wppHtml; const bubble = document.getElementById('chat-bubble'); const header = document.getElementById('prev-header'); if (canal === 'whatsapp') { bubble.className = "mt-14 relative w-full max-w-[85%] bg-[#005C4B] p-3 rounded-2xl rounded-tl-sm text-sm text-[#E9EDEF] shadow-sm font-sans break-words whitespace-pre-wrap"; header.classList.remove('hidden'); } else { bubble.className = "mt-14 relative w-full max-w-[85%] bg-gray-200 p-3 rounded-2xl rounded-tl-sm text-sm text-black shadow-sm font-sans break-words whitespace-pre-wrap ml-auto rounded-tr-sm rounded-tl-2xl"; header.classList.add('hidden'); } } } // 5. GUARDAR ÓRDENES DE TRABAJO EN FIREBASE — una campaña por segmento (paralelas) function programarCampana() { if (!eventoSeleccionado) return alert('Selecciona un evento.'); const audiencias = getAudienciasSeleccionadas(); if (audiencias.length === 0) return alert('Selecciona al menos un segmento de audiencia.'); if (recuentoAtletas === 0) return alert('No hay atletas en la audiencia seleccionada para enviar mensajes.'); const canal = document.querySelector('input[name="canal"]:checked').value; const asunto = document.getElementById('txt-asunto').value; const mensaje = canal === 'email' ? (quill ? quill.root.innerHTML : '') : document.getElementById('txt-mensaje').value; if (!mensaje || mensaje === '