// PDF export helper — renders a styled overlay iframe with print-to-PDF support function exportPDF(title, bodyHTML, filename) { const today = new Date().toLocaleDateString("es-CO", { year: "numeric", month: "long", day: "numeric" }); const html = ` ${title} ${bodyHTML} `; // Create overlay with iframe const overlay = document.createElement("div"); overlay.style.cssText = "position:fixed;inset:0;background:rgba(15,23,42,0.6);backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;animation:fadeIn .2s ease;"; const bar = document.createElement("div"); bar.style.cssText = "display:flex;align-items:center;gap:10px;padding:12px 20px;background:#11141a;color:#fff;border-bottom:1px solid #20252d;"; bar.innerHTML = `

${title}

`; const frame = document.createElement("iframe"); frame.style.cssText = "flex:1;border:none;background:#f1f3f6;width:100%;"; frame.srcdoc = html; overlay.appendChild(bar); overlay.appendChild(frame); document.body.appendChild(overlay); bar.querySelector("#ipdf_close").onclick = () => overlay.remove(); bar.querySelector("#ipdf_print").onclick = () => { try { frame.contentWindow.focus(); frame.contentWindow.print(); } catch (e) { alert("No se pudo abrir el diálogo de impresión. Usa 'Descargar HTML' como alternativa."); } }; bar.querySelector("#ipdf_download").onclick = () => { const blob = new Blob([html], { type: "text/html;charset=utf-8" }); const a = document.createElement("a"); a.href = URL.createObjectURL(blob); a.download = (filename || title).replace(/\.pdf$/, "") + ".html"; a.click(); setTimeout(() => URL.revokeObjectURL(a.href), 1000); }; // Click outside closes overlay.onclick = (e) => { if (e.target === overlay) overlay.remove(); }; } window.exportPDF = exportPDF; // ===== POA report builder ===== window.buildPOAReport = function buildPOAReport(poa, departments, deptById, poaTypes, periodLabel) { const allGoals = Object.values(poa).flat(); const avgProgress = allGoals.length ? Math.round(allGoals.reduce((s,g) => s + g.progress, 0) / allGoals.length) : 0; const objs = allGoals.flatMap(g => g.objectives); const objDone = objs.filter(o => o.done).length; const objTotal = objs.length; const inRisk = allGoals.filter(g => g.progress < 40).length; const sections = Object.entries(poa) .filter(([, goals]) => goals.length > 0) .map(([deptId, goals]) => { const dept = deptById[deptId]; if (!dept) return ""; const goalsHTML = goals.map(g => { const type = poaTypes[g.type] || { label: "Meta", color: "#2563eb" }; const pillClass = `pill--${g.type || "quarterly"}`; const barColor = g.progress >= 85 ? "#10b981" : g.progress >= 50 ? "#2563eb" : g.progress >= 25 ? "#f59e0b" : "#ef4444"; const objList = g.objectives.map(o => `

${o.done ? "" : ""} ${o.text}

`).join(""); const qCells = g.q.map((v, i) => `

Q${i+1}

${v === 0 ? "—" : v}

`).join(""); return `

${type.label} ${g.title} ${g.progress}%

Responsable: ${g.owner}

${objList}

${qCells}

`; }).join(""); return `

${dept.name} · ${dept.short} ${goals.length} ${goals.length === 1 ? "meta" : "metas"}

${goalsHTML}

`; }).join(""); return `

I INDISA · Enterprise OS

Plan Operativo Anual

Reporte ejecutivo · ${periodLabel}

Avance global${avgProgress}%

Metas activas${allGoals.length}

Objetivos cumplidos${objDone}/${objTotal}

Metas en riesgo${inRisk}

Avance del plan

${avgProgress}%

Metas estratégicas

${allGoals.length}

Objetivos completos

${objDone} / ${objTotal}

En riesgo

${inRisk}

${sections || '

No hay metas registradas en el POA.

'} `; }; // ===== Org chart report builder ===== window.buildOrgReport = function buildOrgReport(orgTree, departments, deptById, users) { const usersMap = users || {}; // Group registered users by dept + role const byDept = {}; Object.entries(usersMap).forEach(([email, u]) => { const key = u.dept || "_owner"; if (!byDept[key]) byDept[key] = { admins: [], viewers: [], owners: [] }; const entry = { email, ...u }; if (u.role === "owner") byDept[key].owners.push(entry); else if (u.role === "admin") byDept[key].admins.push(entry); else if (u.role === "viewer") byDept[key].viewers.push(entry); }); const realOwner = (byDept._owner?.owners || [])[0]; const ownerName = realOwner ? realOwner.name : "Sin registrar"; const ownerCode = realOwner ? realOwner.email : orgTree.owner.code; const adminsHTML = orgTree.admins.map(adm => { const dept = deptById[adm.dept]; if (!dept) return ""; const deptUsers = byDept[adm.dept] || { admins: [], viewers: [] }; const adminsList = deptUsers.admins.length ? deptUsers.admins.map(a => `

${a.name}

${a.email}

`).join('

') : `

Sin admin

`; const viewers = deptUsers.viewers.length ? deptUsers.viewers.map(v => `

${v.name} · ${v.email}

`).join("") : `

Sin viewers

`; return `

${dept.name}

${adminsList}

${deptUsers.viewers.length} viewer${deptUsers.viewers.length === 1 ? "" : "s"}

${viewers}

`; }).filter(Boolean).join(""); const totalMembers = Object.keys(usersMap).length; const totalAdmins = Object.values(usersMap).filter(u => u.role === "admin").length; const totalViewers = Object.values(usersMap).filter(u => u.role === "viewer").length; const totalOwners = Object.values(usersMap).filter(u => u.role === "owner").length; // Department legend const legend = departments.map(d => `

${d.name} ${d.short}

`).join(""); return `

I INDISA · Enterprise OS

Estructura Organizacional

Jerarquía corporativa · ${departments.length} departamentos · ${totalMembers} miembros

Gerencia1 owner

Admins${orgTree.admins.length}

Viewers${orgTree.admins.reduce((s,a) => s + a.viewers.length, 0)}

Total miembros${totalMembers}

1 Jerarquía

Owner · Gerente General

${orgTree.owner.name}

${orgTree.owner.code}

${adminsHTML}

2 Departamentos

${legend}

3 Resumen de permisos

Owner

Acceso total · gestiona todos los departamentos, crea códigos, modifica configuración global, ve auditoría.

Admin

Su departamento · crea códigos viewer, edita KPIs y proyectos del depto, gestiona equipo.

Viewer

Solo lectura · ve KPIs, proyectos y documentos compartidos de su depto.

`; };