/* TotalesTab.jsx — auto-mirrors every Registros project and shows per-row
totals aggregated by month or by year (3 comparison modes). */
const { useState: useST } = React;
function MiniSeg({ t, value, options, onChange }) {
return (
{options.map((o) => {
const sel = o.v === value;
return ;
})}
);
}
function TotalsDetail({ t, L, lang, project, onBack, showMed }) {
const [mode, setMode] = useST('month');
const [yearOpt, setYearOpt] = useST(0);
const [snack, setSnack] = useST(null);
const scrollRef = React.useRef(null);
const todayIso = window.APP.dayOffset(0);
const curYear = +todayIso.slice(0, 4);
const cols = window.APP.totalesColumns(mode, yearOpt, todayIso, lang);
React.useEffect(() => { if (!snack) return; const id = setTimeout(() => setSnack(null), 2600); return () => clearTimeout(id); }, [snack]);
const sendSummary = () => {
if (!project.email) { setSnack(L.noEmailSet); return; }
let py = +todayIso.slice(0, 4), pm = +todayIso.slice(5, 7) - 1;
if (pm === 0) { pm = 12; py -= 1; }
const prevYm = `${py}-${String(pm).padStart(2, '0')}`;
const lines = project.rows.map((r) => ({ name: r.name, val: window.APP.sumRow(project, r.id, (d) => d.slice(0, 7) === prevYm), med: window.APP.medRowVal(project, r.id, prevYm) }));
const w = Math.max(8, ...lines.map((l) => l.name.length)) + 4;
let rowsTxt;
if (showMed) {
const VW = 8; // value column width
const GAP = ' '; // ~1 cm gap separating the Med column
const header = ''.padEnd(w) + ''.padEnd(VW) + GAP + 'Med';
rowsTxt = [header].concat(lines.map((l) => l.name.padEnd(w) + String(l.val).padEnd(VW) + GAP + l.med));
} else {
rowsTxt = lines.map((l) => l.name.padEnd(w) + l.val);
}
const body = L.emailBody + '\n\n' + rowsTxt.join('\n');
const subject = `${project.title} — ${window.APP.monthLong(prevYm, lang)}`;
const href = `mailto:${encodeURIComponent(project.email)}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
window.location.href = href;
};
const LBL = 152, CW = 70, CH = 52, TW = 60;
const showSigma = mode !== 'year';
const colIsCurrent = (c) => (c.type === 'month' ? +c.ym.slice(0, 4) === curYear : c.y === curYear);
const val = (rid, c) => window.APP.colValue(project, rid, c);
const colTotal = (c) => project.rows.reduce((s, r) => s + val(r.id, c), 0);
const rowTotal = (rid) => cols.reduce((s, c) => s + val(rid, c), 0);
const grand = cols.reduce((s, c) => s + colTotal(c), 0);
return (
{project.title}
{mode === 'month' && }
{L.groupBy}
{mode === 'year' && (
)}
{lang === 'es' ? 'Categoría' : 'Category'}
{cols.map((c, ci) => {
const cur = colIsCurrent(c);
return (
0 && c.type === 'month' && ci % 2 === 0 && cols.length === 6 ? `1px solid ${t.outlineVariant}66` : 'none' }}>
{c.label}
{c.sub && {c.sub}}
);
})}
{showSigma &&
Σ
}
{project.rows.map((r) => (
{r.name}
{cols.map((c, ci) => {
const v = val(r.id, c);
return {v}
;
})}
{showSigma && {rowTotal(r.id)}
}
))}
{L.total}
{cols.map((c, ci) =>
{colTotal(c)}
)}
{showSigma &&
{grand}
}
{snack &&
{snack}
}
);
}
function TotalesTab({ t, L, lang, style, projects, showMed }) {
const [openId, setOpenId] = useST(null);
const open = projects.find((p) => p.id === openId);
if (open) return setOpenId(null)} showMed={showMed} />;
if (projects.length === 0) {
return (
);
}
const curYear = +window.APP.dayOffset(0).slice(0, 4);
return (
{projects.map((p) => {
const yTot = p.rows.reduce((s, r) => s + window.APP.sumRow(p, r.id, (d) => +d.slice(0, 4) === curYear), 0);
return (
);
})}
);
}
Object.assign(window, { TotalesTab });