{['Inicio','Ventas','Compras','Productos','Análisis'].map((l,i)=>(
{l}
))}
{flIco('puzzle', 15, '#0085FF')}
Flex
{['#00C1FF','#FF6751','#56E16A','#FFDC18'].map((c,i)=>
)}
{/* Fondo del contenido */}
{/* ===== ESTADO 1 — dashboard de secciones ===== */}
{dashO > 0 && (
Tus secciones
3 nuevas esta semana
{CARDS.map((c,i)=>{
const isTarget = c.n === 'Partidas';
const glowP = isTarget ? clamp((t-0.85)/0.35, 0, 1) : 0;
const pressed = isTarget && t >= clickCardAt && t < clickCardAt + 0.2;
return (
0 ? `rgba(0,133,255,${0.15+glowP*0.45})` : '#E2E8F0'}`,
boxShadow:`0 ${6+glowP*8}px ${18+glowP*16}px rgba(0,133,255,${0.05+glowP*0.14})`,
transform: pressed ? 'scale(0.97)' : 'scale(1)',
}}>
{flIco(c.ic, 21, c.nueva ? '#0085FF' : '#475569')}
{c.n}
{c.dato}
{c.nueva && (
NUEVA
)}
);
})}
)}
{/* ===== ESTADO 2 — el listado de Partidas ===== */}
{t >= 1.7 && (
{/* Cabecera de página */}
{flIco('partidas', 23, '#0085FF')}
Partidas
FLEX
Hoy · 6 registros
{/* Chip de filtro activo + contador */}
{t >= chipAt && (()=>{
const p = clamp((t-chipAt)/0.4, 0, 1);
const e = Easing.easeOutBack(p);
const cp = clamp((t-counterAt)/0.4, 0, 1);
return (
{flIco('filtrar', 12, '#0085FF')}
Pista = 4
×
{t >= counterAt && (
3 de 6 partidas
)}
);
})()}
{/* Toolbar */}
{toolBtn('Columnas', 'columnas', 128, colPanelP > 0, t >= colClickAt && t < colClickAt+0.2, false)}
{toolBtn('Filtrar', 'filtrar', 110, fltPanelP > 0, t >= fltClickAt && t < fltClickAt+0.2, false)}
{toolBtn('Exportar CSV', 'exportar', 158, false, t >= exportAt && t < exportAt+0.2, true)}
{/* Tabla */}
{COLS.map(c => cell(c, {c.h}))}
{ROWS.map((r,i)=>{
const entP = Easing.easeOutCubic(clamp((t-(rowsAt+i*0.17))/0.35, 0, 1));
const match = r.pista === 4;
const fadeP = match ? 0 : clamp((t-8.35)/0.5, 0, 1);
const collP = match ? 0 : Easing.easeInOutCubic(clamp((t-8.65)/0.6, 0, 1));
const h = lerp(54, 0, collP);
const rowO = entP * (1-fadeP);
if (h < 0.5) return null;
return (
{cell(COLS[0], {r.hora})}
{cell(COLS[1], (
{r.ini}
{r.jug}
))}
{cell(COLS[2], filterOn && match
? Pista {r.pista}
: Pista {r.pista})}
{cell(COLS[3], {r.njug})}
{cell(COLS[4], {r.ticket})}
{cell(COLS[5], {r.total})}
);
})}
)}
{/* ===== Panel Columnas (dropdown) ===== */}
{colPanelP > 0 && (()=>{
const e = Easing.easeOutCubic(colPanelP);
const items = [
{ n:'Hora', on:true },
{ n:'Jugador', on:true },
{ n:'Pista', on:true },
{ n:'Nº jugadores', on: t < njugOffAt, hl:[5.25,5.7] },
{ n:'Ticket', on:true },
{ n:'Total', on: t >= totalOnAt, hl:[4.42,4.9] },
{ n:'Duración', on:false },
];
return (
Columnas visibles
{items.map((it,i)=>{
const hov = it.hl && t >= it.hl[0] && t < it.hl[1];
return (
{checkbox(it.on)}
{it.n}
);
})}
);
})()}
{/* ===== Panel Filtrar (dropdown) ===== */}
{fltPanelP > 0 && (()=>{
const e = Easing.easeOutCubic(fltPanelP);
const opts = [
{ n:'Pista 1', c:'1' },
{ n:'Pista 2', c:'1' },
{ n:'Pista 3', c:'1' },
{ n:'Pista 4', c:'3', target:true },
];
return (
Filtrar por · Pista
{opts.map((o,i)=>{
const sel = o.target && t >= pista4At;
const hov = o.target && t >= 7.72 && t < pista4At;
return (
);
})()}
{/* ===== Toast exportación ===== */}
{t >= toastAt && (()=>{
const p = clamp((t-toastAt)/0.5, 0, 1);
const e = Easing.easeOutBack(p);
return (
{flIco('check', 18, '#059669')}
partidas.csv descargado
3 filas · listo en Descargas
);
})()}
{/* Cursor */}
{t >= 0.45 &&
}