// data.jsx — sample data, icon set, and shared helpers for Pulso const ICONS = { inbox: , board: <>, plus: <>, archive: <>, search: <>, x: <>, sun: <>, moon: , upload: <>, image: <>, paperclip: , eye: <>, whatsapp: , message: , clock: <>, check: , arrowR: <>, trash: <>, rotate: <>, bell: <>, alert: <>, download: <>, lock: <>, eyeOff: <>, folder: , logout: <>, user: <>, ticket: <>, phone: , flag: <>, briefcase: <>, link: <>, loader: , edit: <>, }; // Iconos que se dibujan rellenos (no como contorno). const FILLED_ICONS = new Set(["whatsapp"]); function Icon({ name, className, style }) { const filled = FILLED_ICONS.has(name); return ( {ICONS[name]} ); } // Datos de demo vaciados — sistema arranca sin proyectos ni tickets. // Los proyectos se crean desde el formulario "Crear ticket" → "Nuevo proyecto". const PROYECTOS = []; const SAMPLE_TICKETS = []; // ─── Helpers ─────────────────────────────────────────────── const PRIORITY_LABEL = { alta: "Alta", media: "Media", baja: "Baja" }; const STATUS_LABEL = { pendiente: "Pendiente", proceso: "En proceso", finalizado: "Finalizado" }; function fmtSize(bytes) { if (bytes < 1024) return bytes + " B"; if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(0) + " KB"; return (bytes / 1024 / 1024).toFixed(1) + " MB"; } function fmtDate(iso) { const d = new Date(iso); const day = d.getDate().toString().padStart(2, "0"); const months = ["ene", "feb", "mar", "abr", "may", "jun", "jul", "ago", "sep", "oct", "nov", "dic"]; const mo = months[d.getMonth()]; const hh = d.getHours().toString().padStart(2, "0"); const mm = d.getMinutes().toString().padStart(2, "0"); return `${day} ${mo} · ${hh}:${mm}`; } function fmtAge(iso) { const d = new Date(iso); const now = new Date(); const diff = (now - d) / 1000; if (diff < 0) return "ahora"; if (diff < 60) return "ahora"; if (diff < 3600) return Math.floor(diff / 60) + " min"; if (diff < 86400) return Math.floor(diff / 3600) + " h"; return Math.floor(diff / 86400) + " d"; } function PriorityBadge({ value }) { return ( {PRIORITY_LABEL[value]} ); } function StatusBadge({ value }) { return ( {STATUS_LABEL[value]} ); } function nextTicketCode(tickets) { const nums = tickets.map(t => parseInt(t.id.replace("TK-", ""), 10)).filter(n => !isNaN(n)); const max = nums.length ? Math.max(...nums) : 100; return "TK-" + String(max + 1).padStart(4, "0"); } /** * Paginación numérica con elipsis automáticas cuando hay muchas páginas. * Props: page (actual), totalPages, onPage (callback), totalItems, perPage */ function Pagination({ page, totalPages, onPage, totalItems, perPage }) { if (totalPages <= 1) return null; // Construye un rango compacto con elipsis: 1 … (page-1) page (page+1) … last const pages = []; const push = v => pages.push(v); const span = 1; // cuántos a cada lado del actual if (totalPages <= 7) { for (let i = 1; i <= totalPages; i++) push(i); } else { push(1); if (page - span > 2) push("…"); for (let i = Math.max(2, page - span); i <= Math.min(totalPages - 1, page + span); i++) push(i); if (page + span < totalPages - 1) push("…"); push(totalPages); } const start = (page - 1) * perPage + 1; const end = Math.min(page * perPage, totalItems); return (
Mostrando {start}–{end} de {totalItems}
{pages.map((p, i) => ( p === "…" ? … : ))}
); } Object.assign(window, { Icon, ICONS, PROYECTOS, SAMPLE_TICKETS, PRIORITY_LABEL, STATUS_LABEL, fmtSize, fmtDate, fmtAge, PriorityBadge, StatusBadge, nextTicketCode, Pagination, });