Rediseño: vale de préstamo multi-ítem, fiel al formulario de papel

El vale físico del LSC permite pedir varios materiales en un solo
trámite; el sistema modelaba 1 solicitud = 1 material. Migra
prestamos.prestamos -> solicitudes (cabecera) + solicitud_items
(renglones), vía RENAME + backfill (preserva ids/historial real).

- RPC prestamos.crear_solicitud: transaccional, lockea materiales
  por fila, arregla la race condition del insert directo anterior.
  El alumno ya no inserta directo (RLS lo bloquea).
- sync_stock/log_estado reescritos para iterar renglones por vale.
- maestro_responsable (por vale) y profiles.semestre (perfil,
  nullable, sin UI todavía — onboarding queda para después).
- Alumno: carrito (SolicitudCart/AgregarMaterial) reemplaza el
  modal de solicitud único por material.
- Admin: 3 vistas de solicitudes, reportes y CSV export listan
  renglones por vale; api/admin/prestamos -> api/admin/solicitudes.
  De paso corrige un bug preexistente en detalles.ts (audit_log
  nunca se ordenaba por la columna correcta).

Verificado: build limpio, ciclo RPC+triggers probado en una
transacción revertida en prod (sin residuo), 9 vistas SSR
smoke-testeadas contra el schema real.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-17 08:37:44 -07:00
parent 4005008872
commit 81a5ea016e
23 changed files with 999 additions and 413 deletions
+12 -8
View File
@@ -5,13 +5,13 @@ const supabase = Astro.locals.supabase;
const today = new Date().toISOString().split('T')[0];
const [pend, activos, vencidos, agotados, ultimas] = await Promise.all([
supabase.from('prestamos').select('*', { count: 'exact', head: true }).eq('estado', 'pendiente'),
supabase.from('prestamos').select('*', { count: 'exact', head: true }).in('estado', ['aprobado', 'activo']),
supabase.from('prestamos').select('*', { count: 'exact', head: true }).in('estado', ['aprobado', 'activo']).lt('fecha_devolucion_estimada', today),
supabase.from('solicitudes').select('*', { count: 'exact', head: true }).eq('estado', 'pendiente'),
supabase.from('solicitudes').select('*', { count: 'exact', head: true }).in('estado', ['aprobado', 'activo']),
supabase.from('solicitudes').select('*', { count: 'exact', head: true }).in('estado', ['aprobado', 'activo']).lt('fecha_devolucion_estimada', today),
supabase.from('materiales').select('*', { count: 'exact', head: true }).eq('cantidad_disponible', 0),
supabase
.from('prestamos')
.select('id, cantidad, fecha_solicitud, estado, alumno:profiles!alumno_id(nombre, email), material:materiales!material_id(nombre)')
.from('solicitudes')
.select('id, fecha_solicitud, estado, alumno:profiles!alumno_id(nombre, email), items:solicitud_items(cantidad, material:materiales(nombre))')
.order('fecha_solicitud', { ascending: false })
.limit(5),
]);
@@ -67,7 +67,6 @@ const estadoLabel: Record<string, string> = {
<tr>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cant.</th>
<th class="p-3 font-medium">Estado</th>
<th class="p-3 font-medium">Solicitado</th>
</tr>
@@ -76,8 +75,13 @@ const estadoLabel: Record<string, string> = {
{ultimas.data.map((r: any) => (
<tr class="border-t" style="border-color: color-mix(in oklab, var(--color-ink) 10%, transparent);">
<td class="p-3">{r.alumno?.nombre ?? r.alumno?.email ?? '—'}</td>
<td class="p-3">{r.material?.nombre ?? '—'}</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3">
<div class="flex flex-col gap-0.5">
{(r.items ?? []).map((i: any) => (
<div>{i.cantidad}× {i.material?.nombre ?? '—'}</div>
))}
</div>
</td>
<td class="p-3">{estadoLabel[r.estado] ?? r.estado}</td>
<td class="p-3 opacity-80">{fmtFecha.format(new Date(r.fecha_solicitud))}</td>
</tr>
+3 -3
View File
@@ -30,12 +30,12 @@ const [
{ count: nEnPrestamo },
{ count: nVencidos },
] = await Promise.all([
supabase.from('prestamos').select('id', countHead).gte('fecha_solicitud', startISO).lt('fecha_solicitud', endISO),
supabase.from('solicitudes').select('id', countHead).gte('fecha_solicitud', startISO).lt('fecha_solicitud', endISO),
supabase.from('audit_log').select('id', countHead).eq('estado_nuevo', 'aprobado').gte('at', startISO).lt('at', endISO),
supabase.from('audit_log').select('id', countHead).eq('estado_nuevo', 'rechazado').gte('at', startISO).lt('at', endISO),
supabase.from('audit_log').select('id', countHead).eq('estado_nuevo', 'devuelto').gte('at', startISO).lt('at', endISO),
supabase.from('prestamos').select('id', countHead).in('estado', ['aprobado', 'activo']),
supabase.from('prestamos').select('id', countHead).in('estado', ['aprobado', 'activo']).lt('fecha_devolucion_estimada', dia.isoDate),
supabase.from('solicitudes').select('id', countHead).in('estado', ['aprobado', 'activo']),
supabase.from('solicitudes').select('id', countHead).in('estado', ['aprobado', 'activo']).lt('fecha_devolucion_estimada', dia.isoDate),
]);
const kpis = [
+45 -23
View File
@@ -63,12 +63,16 @@ let total = 0;
let hitLimit = false;
if (vista === 'historial') {
const itemsSelect = materialId
? 'items:solicitud_items!inner(cantidad, descripcion, material:materiales(nombre, numero_inventario))'
: 'items:solicitud_items(cantidad, descripcion, material:materiales(nombre, numero_inventario))';
let q = supabase
.from('prestamos')
.from('solicitudes')
.select(`
id, cantidad, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, estado,
id, maestro_responsable, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, estado,
alumno:profiles!alumno_id(nombre, email, matricula),
material:materiales!material_id(nombre, numero_inventario)
${itemsSelect}
`)
.order('fecha_solicitud', { ascending: false })
// ponytail: 500, paginar cuando reportes rutinarios pasen de eso
@@ -78,7 +82,7 @@ if (vista === 'historial') {
// ponytail: bound de día en UTC; cambiar a bounds tz-aware si el reporte cruza medianoche PST/PDT
if (hasta) q = q.lte('fecha_solicitud', `${hasta}T23:59:59.999Z`);
if (estado && estado !== 'all') q = q.eq('estado', estado);
if (materialId) q = q.eq('material_id', materialId);
if (materialId) q = q.eq('items.material_id', materialId);
if (alumnoId) q = q.eq('alumno_id', alumnoId);
const { data, error } = await q;
@@ -92,11 +96,11 @@ if (vista === 'historial') {
let vencidos: any[] = [];
if (vista === 'vencidos') {
const { data, error } = await supabase
.from('prestamos')
.from('solicitudes')
.select(`
id, cantidad, fecha_devolucion_estimada,
id, fecha_devolucion_estimada,
alumno:profiles!alumno_id(nombre, email, matricula),
material:materiales!material_id(nombre, numero_inventario)
items:solicitud_items(cantidad, material:materiales(nombre, numero_inventario))
`)
.in('estado', ['aprobado', 'activo'])
.lt('fecha_devolucion_estimada', today)
@@ -228,8 +232,8 @@ const exportFilename = `reporte-${today}.csv`;
<tr>
<th class="p-3 font-medium">Fecha solicitud</th>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Maestro responsable</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cant.</th>
<th class="p-3 font-medium">Estado</th>
<th class="p-3 font-medium">Fecha devolución</th>
</tr>
@@ -242,13 +246,17 @@ const exportFilename = `reporte-${today}.csv`;
<div class="font-medium">{r.alumno?.nombre ?? r.alumno?.email ?? '—'}</div>
{r.alumno?.matricula && <div class="text-xs opacity-70">{r.alumno.matricula}</div>}
</td>
<td class="p-3 opacity-90">{r.maestro_responsable ?? '—'}</td>
<td class="p-3">
<div>{r.material?.nombre ?? '—'}</div>
{r.material?.numero_inventario && (
<div class="text-xs opacity-70">{r.material.numero_inventario}</div>
)}
{(r.items ?? []).map((i: any) => (
<div>
<span style="font-variant-numeric: tabular-nums;">{i.cantidad}×</span> {i.material?.nombre ?? '—'}
{i.material?.numero_inventario && (
<span class="text-xs opacity-70"> ({i.material.numero_inventario})</span>
)}
</div>
))}
</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3">{estadoLabel[r.estado] ?? r.estado}</td>
<td class="p-3 opacity-90 whitespace-nowrap">
{fmt(r.fecha_devolucion_real ?? r.fecha_devolucion_estimada)}
@@ -278,13 +286,19 @@ const exportFilename = `reporte-${today}.csv`;
<span class="text-xs opacity-70">{fmt(r.fecha_solicitud)}</span>
<span class="text-xs font-medium">{estadoLabel[r.estado] ?? r.estado}</span>
</div>
<div class="mt-1 font-medium">{r.material?.nombre ?? '—'}</div>
<div class="mt-1 space-y-0.5">
{(r.items ?? []).map((i: any) => (
<div class="font-medium">
<span style="font-variant-numeric: tabular-nums;">{i.cantidad}×</span> {i.material?.nombre ?? '—'}
</div>
))}
</div>
<div class="text-sm opacity-80">
{r.alumno?.nombre ?? r.alumno?.email ?? '—'}
{r.alumno?.matricula && <span class="opacity-60"> · {r.alumno.matricula}</span>}
</div>
<div class="mt-2 flex items-center justify-between text-sm">
<span style="font-variant-numeric: tabular-nums;">Cant. {r.cantidad}</span>
<div class="text-xs opacity-70">Maestro: {r.maestro_responsable ?? '—'}</div>
<div class="mt-2 flex items-center justify-end text-sm">
<span class="opacity-80">
Dev.: {fmt(r.fecha_devolucion_real ?? r.fecha_devolucion_estimada)}
</span>
@@ -313,7 +327,6 @@ const exportFilename = `reporte-${today}.csv`;
<tr>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cant.</th>
<th class="p-3 font-medium">Debía devolver el</th>
<th class="p-3 font-medium">Días de atraso</th>
</tr>
@@ -331,12 +344,15 @@ const exportFilename = `reporte-${today}.csv`;
{r.alumno?.matricula && <div class="text-xs opacity-70">{r.alumno.matricula}</div>}
</td>
<td class="p-3">
<div>{r.material?.nombre ?? '—'}</div>
{r.material?.numero_inventario && (
<div class="text-xs opacity-70">{r.material.numero_inventario}</div>
)}
{(r.items ?? []).map((i: any) => (
<div>
<span style="font-variant-numeric: tabular-nums;">{i.cantidad}×</span> {i.material?.nombre ?? '—'}
{i.material?.numero_inventario && (
<span class="text-xs opacity-70"> ({i.material.numero_inventario})</span>
)}
</div>
))}
</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3 whitespace-nowrap">{fmt(r.fecha_devolucion_estimada)}</td>
<td class="p-3 font-medium" style={`font-variant-numeric: tabular-nums; color: var(--color-danger-text);`}>
{dias} {dias === 1 ? 'día' : 'días'}
@@ -354,7 +370,13 @@ const exportFilename = `reporte-${today}.csv`;
const dias = diasAtraso(r.fecha_devolucion_estimada);
return (
<li class="card" style="background: color-mix(in oklab, var(--color-danger) 8%, transparent);">
<div class="font-medium">{r.material?.nombre ?? '—'}</div>
<div class="space-y-0.5">
{(r.items ?? []).map((i: any) => (
<div class="font-medium">
<span style="font-variant-numeric: tabular-nums;">{i.cantidad}×</span> {i.material?.nombre ?? '—'}
</div>
))}
</div>
<div class="text-sm opacity-80">
{r.alumno?.nombre ?? r.alumno?.email ?? '—'}
{r.alumno?.matricula && <span class="opacity-60"> · {r.alumno.matricula}</span>}
+28 -11
View File
@@ -5,9 +5,9 @@ import VerDetalles from '@/components/admin/solicitudes/VerDetalles.tsx';
const supabase = Astro.locals.supabase;
const { data, error } = await supabase
.from('prestamos')
.from('solicitudes')
.select(
'id, cantidad, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, notas, alumno:profiles!alumno_id(id, nombre, email, matricula), material:materiales!material_id(id, nombre, numero_inventario, cantidad_disponible)'
'id, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, notas, maestro_responsable, alumno:profiles!alumno_id(id, nombre, email, matricula), items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario, cantidad_disponible))'
)
.in('estado', ['aprobado', 'activo'])
.order('fecha_devolucion_estimada', { ascending: true });
@@ -16,6 +16,11 @@ const filas = data ?? [];
const fmtFecha = new Intl.DateTimeFormat('es-MX', { dateStyle: 'medium' });
const today = new Date().toISOString().split('T')[0];
const isVencido = (f?: string | null) => !!f && f < today;
const resumenMateriales = (items: any[]) => {
const nombres = (items ?? []).map((i) => i.material?.nombre ?? '—');
if (nombres.length <= 2) return nombres.join(', ') || '—';
return `${nombres.slice(0, 2).join(', ')} +${nombres.length - 2} más`;
};
const path = Astro.url.pathname;
const tabs = [
@@ -73,7 +78,6 @@ const tabs = [
<tr>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cant.</th>
<th class="p-3 font-medium">Aprobado</th>
<th class="p-3 font-medium">Devolver antes de</th>
<th class="p-3 font-medium text-right">Acciones</th>
@@ -90,17 +94,23 @@ const tabs = [
<td class="p-3">
<div class="font-medium">{r.alumno?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-xs opacity-70 mt-1">Maestro: {r.maestro_responsable}</div>
</td>
<td class="p-3">
<div>{r.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">Inv. {r.material?.numero_inventario ?? '—'}</div>
<div class="flex flex-col gap-1.5">
{(r.items ?? []).map((i: any) => (
<div>
<div>{i.cantidad}× {i.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">Inv. {i.material?.numero_inventario ?? '—'}</div>
</div>
))}
</div>
{r.notas && (
<div class="text-xs mt-1.5 opacity-80 border-l-2 pl-2" style="border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);">
<span class="opacity-60">Motivo:</span> {r.notas}
</div>
)}
</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3 opacity-80">{r.fecha_aprobacion ? fmtFecha.format(new Date(r.fecha_aprobacion)) : '—'}</td>
<td class="p-3">
<span style="font-variant-numeric: tabular-nums;">
@@ -118,7 +128,7 @@ const tabs = [
<td class="p-3">
<div class="flex justify-end gap-2 flex-wrap">
<VerDetalles client:load prestamoId={r.id} />
<MarcarDevuelto client:load prestamoId={r.id} nombreMaterial={r.material?.nombre ?? '—'} />
<MarcarDevuelto client:load prestamoId={r.id} resumenMateriales={resumenMateriales(r.items)} />
</div>
</td>
</tr>
@@ -139,9 +149,16 @@ const tabs = [
<span class="inline-flex rounded-[2px] px-2 py-0.5 text-xs font-semibold" style="background: var(--color-danger); color: var(--color-ink); border: 1.5px solid var(--color-ink);">Vencido</span>
)}
</div>
<div class="text-xs opacity-70 mb-2">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-sm">{r.material?.nombre ?? '—'} <span class="opacity-70">· Inv. {r.material?.numero_inventario ?? '—'}</span></div>
<div class="text-sm mt-1">Cantidad: <strong style="font-variant-numeric: tabular-nums;">{r.cantidad}</strong></div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-xs opacity-70 mb-2">Maestro: {r.maestro_responsable}</div>
<div class="flex flex-col gap-1.5">
{(r.items ?? []).map((i: any) => (
<div class="text-sm">
<strong style="font-variant-numeric: tabular-nums;">{i.cantidad}×</strong> {i.material?.nombre ?? '—'}
<span class="opacity-70"> · Inv. {i.material?.numero_inventario ?? '—'}</span>
</div>
))}
</div>
<div class="text-sm mt-1 opacity-80">Devolver antes de <span style="font-variant-numeric: tabular-nums;">{r.fecha_devolucion_estimada ? fmtFecha.format(new Date(r.fecha_devolucion_estimada + 'T00:00:00')) : '—'}</span></div>
{r.notas && (
<p class="text-sm mt-2 opacity-80 border-l-2 pl-2" style="border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);">
@@ -150,7 +167,7 @@ const tabs = [
)}
<div class="mt-3 flex gap-2 flex-wrap">
<VerDetalles client:load prestamoId={r.id} />
<MarcarDevuelto client:load prestamoId={r.id} nombreMaterial={r.material?.nombre ?? '—'} />
<MarcarDevuelto client:load prestamoId={r.id} resumenMateriales={resumenMateriales(r.items)} />
</div>
</li>
);
+17 -7
View File
@@ -11,9 +11,9 @@ const estados = estadoFiltro ? [estadoFiltro] : Array.from(ALL);
// ponytail: limit 200, paginar cuando pase de 500 filas
const { data, error } = await supabase
.from('prestamos')
.from('solicitudes')
.select(
'id, cantidad, fecha_solicitud, fecha_devolucion_real, estado, notas, alumno:profiles!alumno_id(id, nombre, email, matricula), material:materiales!material_id(id, nombre, numero_inventario)'
'id, fecha_solicitud, fecha_devolucion_real, estado, notas, maestro_responsable, alumno:profiles!alumno_id(id, nombre, email, matricula), items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario))'
)
.in('estado', estados)
.order('fecha_solicitud', { ascending: false })
@@ -104,7 +104,6 @@ const estadoLabel: Record<string, string> = {
<tr>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cant.</th>
<th class="p-3 font-medium">Estado</th>
<th class="p-3 font-medium">Solicitado</th>
<th class="p-3 font-medium">Devuelto</th>
@@ -116,12 +115,18 @@ const estadoLabel: Record<string, string> = {
<td class="p-3">
<div class="font-medium">{r.alumno?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-xs opacity-70 mt-1">Maestro: {r.maestro_responsable}</div>
</td>
<td class="p-3">
<div>{r.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">Inv. {r.material?.numero_inventario ?? '—'}</div>
<div class="flex flex-col gap-1.5">
{(r.items ?? []).map((i: any) => (
<div>
<div>{i.cantidad}× {i.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">Inv. {i.material?.numero_inventario ?? '—'}</div>
</div>
))}
</div>
</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3">{estadoLabel[r.estado] ?? r.estado}</td>
<td class="p-3 opacity-80">{fmtFecha.format(new Date(r.fecha_solicitud))}</td>
<td class="p-3 opacity-80">{r.fecha_devolucion_real ? fmtFecha.format(new Date(r.fecha_devolucion_real)) : '—'}</td>
@@ -139,7 +144,12 @@ const estadoLabel: Record<string, string> = {
<span class="text-xs rounded-[2px] px-2 py-0.5" style="background: color-mix(in oklab, var(--color-ink) 10%, transparent);">{estadoLabel[r.estado] ?? r.estado}</span>
</div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-sm mt-2">{r.material?.nombre ?? '—'} · Cantidad <strong style="font-variant-numeric: tabular-nums;">{r.cantidad}</strong></div>
<div class="text-xs opacity-70">Maestro: {r.maestro_responsable}</div>
<div class="flex flex-col gap-1 mt-2">
{(r.items ?? []).map((i: any) => (
<div class="text-sm">{i.cantidad}× {i.material?.nombre ?? '—'}</div>
))}
</div>
<div class="text-xs opacity-70 mt-2">Solicitado {fmtFecha.format(new Date(r.fecha_solicitud))}</div>
{r.fecha_devolucion_real && <div class="text-xs opacity-70">Devuelto {fmtFecha.format(new Date(r.fecha_devolucion_real))}</div>}
</li>
+23 -11
View File
@@ -4,9 +4,9 @@ import AccionesSolicitud from '@/components/admin/solicitudes/AccionesSolicitud.
const supabase = Astro.locals.supabase;
const { data, error } = await supabase
.from('prestamos')
.from('solicitudes')
.select(
'id, cantidad, fecha_solicitud, notas, alumno:profiles!alumno_id(id, nombre, email, matricula), material:materiales!material_id(id, nombre, numero_inventario, cantidad_disponible)'
'id, fecha_solicitud, notas, maestro_responsable, alumno:profiles!alumno_id(id, nombre, email, matricula), items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario, cantidad_disponible))'
)
.eq('estado', 'pendiente')
.order('fecha_solicitud', { ascending: true });
@@ -27,7 +27,7 @@ const tabs = [
<h1 class="text-2xl md:text-3xl font-semibold">Solicitudes pendientes</h1>
<span
class="inline-flex items-center rounded-[2px] px-2.5 py-0.5 text-sm font-semibold"
style="background: var(--color-primary); color: var(--color-ink); border: 1.5px solid var(--color-ink); font-variant-numeric: tabular-nums;"
style="background: var(--color-primary); color: white; border: 1.5px solid var(--color-ink); font-variant-numeric: tabular-nums;"
aria-label={`${filas.length} pendientes`}
>
{filas.length}
@@ -74,7 +74,6 @@ const tabs = [
<tr>
<th class="p-3 font-medium">Alumno</th>
<th class="p-3 font-medium">Material</th>
<th class="p-3 font-medium">Cantidad</th>
<th class="p-3 font-medium">Solicitado</th>
<th class="p-3 font-medium text-right">Acciones</th>
</tr>
@@ -85,11 +84,18 @@ const tabs = [
<td class="p-3">
<div class="font-medium">{r.alumno?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-xs opacity-70 mt-1">Maestro: {r.maestro_responsable}</div>
</td>
<td class="p-3">
<div>{r.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">
Inv. {r.material?.numero_inventario ?? '—'} · disp. <span style="font-variant-numeric: tabular-nums;">{r.material?.cantidad_disponible ?? 0}</span>
<div class="flex flex-col gap-1.5">
{(r.items ?? []).map((i: any) => (
<div>
<div>{i.cantidad}× {i.material?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">
Inv. {i.material?.numero_inventario ?? '—'} · disp. <span style="font-variant-numeric: tabular-nums;">{i.material?.cantidad_disponible ?? 0}</span>
</div>
</div>
))}
</div>
{r.notas && (
<div class="text-xs mt-1.5 opacity-80 border-l-2 pl-2" style="border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);">
@@ -97,7 +103,6 @@ const tabs = [
</div>
)}
</td>
<td class="p-3" style="font-variant-numeric: tabular-nums;">{r.cantidad}</td>
<td class="p-3 opacity-80">{fmtFecha.format(new Date(r.fecha_solicitud))}</td>
<td class="p-3">
<div class="flex justify-end">
@@ -118,9 +123,16 @@ const tabs = [
<div class="font-medium">{r.alumno?.nombre ?? '—'}</div>
<div class="text-xs opacity-70">{fmtFecha.format(new Date(r.fecha_solicitud))}</div>
</div>
<div class="text-xs opacity-70 mb-2">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-sm">{r.material?.nombre ?? '—'} <span class="opacity-70">· Inv. {r.material?.numero_inventario ?? '—'}</span></div>
<div class="text-sm mt-1">Cantidad: <strong style="font-variant-numeric: tabular-nums;">{r.cantidad}</strong> <span class="opacity-70">· disp. {r.material?.cantidad_disponible ?? 0}</span></div>
<div class="text-xs opacity-70">{r.alumno?.matricula ?? ''} {r.alumno?.email ? `· ${r.alumno.email}` : ''}</div>
<div class="text-xs opacity-70 mb-2">Maestro: {r.maestro_responsable}</div>
<div class="flex flex-col gap-1.5">
{(r.items ?? []).map((i: any) => (
<div class="text-sm">
<strong style="font-variant-numeric: tabular-nums;">{i.cantidad}×</strong> {i.material?.nombre ?? '—'}
<span class="opacity-70"> · Inv. {i.material?.numero_inventario ?? '—'} · disp. {i.material?.cantidad_disponible ?? 0}</span>
</div>
))}
</div>
{r.notas && (
<p class="text-sm mt-2 opacity-80 border-l-2 pl-2" style="border-color: color-mix(in oklab, var(--color-primary) 40%, transparent);">
<span class="opacity-60">Motivo:</span> {r.notas}
+2 -38
View File
@@ -1,6 +1,6 @@
---
import AppLayout from '@/layouts/AppLayout.astro';
import SolicitarModal from '@/components/alumno/SolicitarModal.tsx';
import CartProvider from '@/components/alumno/SolicitudCart.tsx';
import FiltroCategorias from '@/components/alumno/FiltroCategorias.tsx';
type Material = {
@@ -67,43 +67,7 @@ const categoriasFiltro = grupoList
Ningún material en esta categoría. Prueba con otra.
</p>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
{materiales.map((m) => (
<article
class="card flex flex-col gap-3"
data-cat={m.categoria?.id ?? 'sin'}
>
<div class="flex items-start justify-between gap-2">
<h3 class="font-semibold leading-snug">{m.nombre}</h3>
{m.categoria && (
<span class="text-xs px-2 py-0.5 rounded-[2px] whitespace-nowrap uppercase tracking-wide" style="background: color-mix(in oklab, var(--color-primary) 25%, white); color: var(--color-ink); border: 1.5px solid var(--color-primary);">
{m.categoria.nombre}
</span>
)}
</div>
{m.descripcion && (
<p class="text-sm opacity-75 line-clamp-2">{m.descripcion}</p>
)}
<dl class="text-xs opacity-70 grid grid-cols-2 gap-1">
<dt class="opacity-60">Inventario</dt>
<dd class="text-right font-mono">{m.numero_inventario ?? '—'}</dd>
<dt class="opacity-60">Disponibles</dt>
<dd class="text-right" style="font-variant-numeric: tabular-nums;">
{m.cantidad_disponible} / {m.cantidad_total}
</dd>
</dl>
<div class="mt-auto">
<SolicitarModal
material={{ id: m.id, nombre: m.nombre, cantidad_disponible: m.cantidad_disponible }}
client:load
/>
</div>
</article>
))}
</div>
<CartProvider materiales={materiales} client:load />
</>
)}
</div>
+44 -22
View File
@@ -3,27 +3,33 @@ import AppLayout from '@/layouts/AppLayout.astro';
type Estado = 'pendiente' | 'aprobado' | 'rechazado' | 'activo' | 'devuelto' | 'vencido';
type Prestamo = {
id: number;
type Item = {
cantidad: number;
descripcion: string | null;
material: { id: number; nombre: string; numero_inventario: string | null } | null;
};
type Solicitud = {
id: number;
estado: Estado;
fecha_solicitud: string;
fecha_aprobacion: string | null;
fecha_devolucion_estimada: string | null;
fecha_devolucion_real: string | null;
notas: string | null;
material: { id: number; nombre: string; numero_inventario: string | null } | null;
maestro_responsable: string;
items: Item[];
};
const user = Astro.locals.user!;
const { data, error } = await Astro.locals.supabase
.from('prestamos')
.select('id, cantidad, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, material:materiales(id, nombre, numero_inventario)')
.from('solicitudes')
.select('id, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, maestro_responsable, items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario))')
.eq('alumno_id', user.id)
.order('fecha_solicitud', { ascending: false });
const prestamos = (data ?? []) as unknown as Prestamo[];
const prestamos = (data ?? []) as unknown as Solicitud[];
const activosSet = new Set<Estado>(['pendiente', 'aprobado', 'activo']);
const activos = prestamos.filter((p) => activosSet.has(p.estado));
@@ -87,19 +93,27 @@ const badgeStyle = (e: Estado) =>
{activos.map((p) => (
<li class="card">
<div class="flex items-start justify-between gap-3 flex-wrap">
<div class="min-w-0">
<h3 class="font-semibold leading-snug truncate">{p.material?.nombre ?? 'Material eliminado'}</h3>
<p class="text-xs opacity-60 font-mono mt-0.5">
{p.material?.numero_inventario ?? '—'}
</p>
</div>
<ul class="min-w-0 space-y-1">
{p.items.map((it) => (
<li class="leading-snug">
<span class="font-semibold" style="font-variant-numeric: tabular-nums;">{it.cantidad}×</span>{' '}
<span class="font-semibold">{it.material?.nombre ?? 'Material eliminado'}</span>
{it.material?.numero_inventario && (
<span class="text-xs opacity-60 font-mono ml-1.5">{it.material.numero_inventario}</span>
)}
{it.descripcion && (
<p class="text-xs opacity-60 ml-0.5">{it.descripcion}</p>
)}
</li>
))}
</ul>
<span class="text-xs font-medium px-2 py-1 rounded-[2px] whitespace-nowrap" style={badgeStyle(p.estado)}>
{estadoLabel[p.estado]}
</span>
</div>
<dl class="mt-3 grid grid-cols-2 gap-y-1 text-sm">
<dt class="opacity-60">Cantidad</dt>
<dd class="text-right" style="font-variant-numeric: tabular-nums;">{p.cantidad}</dd>
<dt class="opacity-60">Maestro responsable</dt>
<dd class="text-right truncate">{p.maestro_responsable}</dd>
<dt class="opacity-60">Solicitado</dt>
<dd class="text-right">{fmt(p.fecha_solicitud)}</dd>
{p.fecha_aprobacion && (
@@ -141,19 +155,27 @@ const badgeStyle = (e: Estado) =>
{historial.map((p) => (
<li class="card" style="opacity: 0.92;">
<div class="flex items-start justify-between gap-3 flex-wrap">
<div class="min-w-0">
<h3 class="font-semibold leading-snug truncate">{p.material?.nombre ?? 'Material eliminado'}</h3>
<p class="text-xs opacity-60 font-mono mt-0.5">
{p.material?.numero_inventario ?? '—'}
</p>
</div>
<ul class="min-w-0 space-y-1">
{p.items.map((it) => (
<li class="leading-snug">
<span class="font-semibold" style="font-variant-numeric: tabular-nums;">{it.cantidad}×</span>{' '}
<span class="font-semibold">{it.material?.nombre ?? 'Material eliminado'}</span>
{it.material?.numero_inventario && (
<span class="text-xs opacity-60 font-mono ml-1.5">{it.material.numero_inventario}</span>
)}
{it.descripcion && (
<p class="text-xs opacity-60 ml-0.5">{it.descripcion}</p>
)}
</li>
))}
</ul>
<span class="text-xs font-medium px-2 py-1 rounded-[2px] whitespace-nowrap" style={badgeStyle(p.estado)}>
{estadoLabel[p.estado]}
</span>
</div>
<dl class="mt-3 grid grid-cols-2 gap-y-1 text-sm">
<dt class="opacity-60">Cantidad</dt>
<dd class="text-right" style="font-variant-numeric: tabular-nums;">{p.cantidad}</dd>
<dt class="opacity-60">Maestro responsable</dt>
<dd class="text-right truncate">{p.maestro_responsable}</dd>
<dt class="opacity-60">Solicitado</dt>
<dd class="text-right">{fmt(p.fecha_solicitud)}</dd>
{p.fecha_devolucion_real && (
+28 -18
View File
@@ -7,8 +7,10 @@ const HEADERS = [
'Alumno',
'Matrícula',
'Email',
'Maestro responsable',
'Material',
'Nº inventario',
'Descripción',
'Cantidad',
'Estado',
'Fecha aprobación',
@@ -40,12 +42,16 @@ export const GET: APIRoute = async ({ locals, url }) => {
const materialId = sp.get('material_id');
const alumnoId = sp.get('alumno_id');
const itemsSelect = materialId
? 'items:solicitud_items!inner(cantidad, descripcion, material:materiales(nombre, numero_inventario))'
: 'items:solicitud_items(cantidad, descripcion, material:materiales(nombre, numero_inventario))';
let query = locals.supabase
.from('prestamos')
.from('solicitudes')
.select(`
id, cantidad, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, estado, notas,
id, maestro_responsable, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, estado, notas,
alumno:profiles!alumno_id(nombre, email, matricula),
material:materiales!material_id(nombre, numero_inventario)
${itemsSelect}
`)
.order('fecha_solicitud', { ascending: false })
// ponytail: 5000 evita OOM en export ad-hoc; paginar/streamear si un solo reporte lo excede rutinariamente
@@ -54,26 +60,30 @@ export const GET: APIRoute = async ({ locals, url }) => {
if (desde) query = query.gte('fecha_solicitud', desde);
if (hasta) query = query.lte('fecha_solicitud', `${hasta}T23:59:59.999Z`);
if (estado && estado !== 'all') query = query.eq('estado', estado);
if (materialId) query = query.eq('material_id', materialId);
if (materialId) query = query.eq('items.material_id', materialId);
if (alumnoId) query = query.eq('alumno_id', alumnoId);
const { data, error } = await query;
if (error) return new Response(error.message, { status: 500 });
const rows = (data ?? []).map((r: any) => [
isoDate(r.fecha_solicitud),
r.alumno?.nombre ?? '',
r.alumno?.matricula ?? '',
r.alumno?.email ?? '',
r.material?.nombre ?? '',
r.material?.numero_inventario ?? '',
r.cantidad,
r.estado,
isoDate(r.fecha_aprobacion),
isoDate(r.fecha_devolucion_estimada),
isoDate(r.fecha_devolucion_real),
r.notas ?? '',
]);
const rows = (data ?? []).flatMap((r: any) =>
(r.items ?? []).map((item: any) => [
isoDate(r.fecha_solicitud),
r.alumno?.nombre ?? '',
r.alumno?.matricula ?? '',
r.alumno?.email ?? '',
r.maestro_responsable ?? '',
item.material?.nombre ?? '',
item.material?.numero_inventario ?? '',
item.descripcion ?? '',
item.cantidad,
r.estado,
isoDate(r.fecha_aprobacion),
isoDate(r.fecha_devolucion_estimada),
isoDate(r.fecha_devolucion_real),
r.notas ?? '',
])
);
const lines = [HEADERS, ...rows].map((row) => row.map(csvCell).join(','));
// BOM para que Excel abra UTF-8 sin romper acentos
@@ -31,7 +31,7 @@ export const POST: APIRoute = async ({ params, request, locals }) => {
if (notas) update.notas = notas;
const { data, error } = await locals.supabase
.from('prestamos')
.from('solicitudes')
.update(update)
.eq('id', id)
.eq('estado', 'pendiente')
@@ -11,19 +11,18 @@ export const GET: APIRoute = async ({ params, locals }) => {
if (!Number.isInteger(id) || id <= 0) return json({ error: 'id inválido' }, 400);
const prestamoQ = locals.supabase
.from('prestamos')
.from('solicitudes')
.select(
'id, cantidad, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, alumno:profiles!alumno_id(id, nombre, email, matricula), material:materiales!material_id(id, nombre, numero_inventario)'
'id, estado, fecha_solicitud, fecha_aprobacion, fecha_devolucion_estimada, fecha_devolucion_real, notas, maestro_responsable, alumno:profiles!alumno_id(id, nombre, email, matricula), items:solicitud_items(cantidad, descripcion, material:materiales(id, nombre, numero_inventario))'
)
.eq('id', id)
.maybeSingle();
// Nombre y orden asumidos del audit_log: select('*') para no romper si el esquema difiere.
const logQ = locals.supabase
.from('audit_log')
.select('*')
.eq('prestamo_id', id)
.order('created_at', { ascending: false })
.eq('solicitud_id', id)
.order('at', { ascending: false })
.limit(20);
const [{ data: prestamo, error: pErr }, { data: audit_log, error: lErr }] = await Promise.all([prestamoQ, logQ]);
@@ -11,7 +11,7 @@ export const POST: APIRoute = async ({ params, locals }) => {
if (!Number.isInteger(id) || id <= 0) return json({ error: 'id inválido' }, 400);
const { data, error } = await locals.supabase
.from('prestamos')
.from('solicitudes')
.update({ estado: 'devuelto', fecha_devolucion_real: new Date().toISOString() })
.eq('id', id)
.in('estado', ['aprobado', 'activo'])
@@ -17,7 +17,7 @@ export const POST: APIRoute = async ({ params, request, locals }) => {
if (motivo.length < 5) return json({ error: 'el motivo debe tener al menos 5 caracteres' }, 400);
const { data, error } = await locals.supabase
.from('prestamos')
.from('solicitudes')
.update({ estado: 'rechazado', notas: motivo, aprobado_por: locals.user.id })
.eq('id', id)
.eq('estado', 'pendiente')
-58
View File
@@ -1,58 +0,0 @@
import type { APIRoute } from 'astro';
export const prerender = false;
export const POST: APIRoute = async ({ request, locals }) => {
const user = locals.user;
if (!user) {
return Response.json({ error: 'No autenticado' }, { status: 401 });
}
let body: { material_id?: unknown; cantidad?: unknown; notas?: unknown };
try {
body = await request.json();
} catch {
return Response.json({ error: 'JSON inválido' }, { status: 400 });
}
const material_id = Number(body.material_id);
const cantidad = Number(body.cantidad);
const notas = typeof body.notas === 'string' && body.notas.trim() ? body.notas.trim() : null;
if (!Number.isInteger(material_id) || material_id <= 0) {
return Response.json({ error: 'material_id requerido' }, { status: 400 });
}
if (!Number.isInteger(cantidad) || cantidad <= 0) {
return Response.json({ error: 'cantidad debe ser un entero mayor que cero' }, { status: 400 });
}
const supabase = locals.supabase;
const { data: material, error: matErr } = await supabase
.from('materiales')
.select('id, cantidad_disponible, estado')
.eq('id', material_id)
.maybeSingle();
if (matErr) {
return Response.json({ error: 'No se pudo verificar el material' }, { status: 500 });
}
if (!material || material.estado !== 'disponible') {
return Response.json({ error: 'Material no disponible' }, { status: 404 });
}
if (material.cantidad_disponible < cantidad) {
return Response.json({ error: 'Sin stock suficiente' }, { status: 409 });
}
const { data, error } = await supabase
.from('prestamos')
.insert({ alumno_id: user.id, material_id, cantidad, notas })
.select('id')
.single();
if (error) {
return Response.json({ error: 'No se pudo registrar la solicitud' }, { status: 500 });
}
return Response.json({ id: data.id }, { status: 201 });
};
+78
View File
@@ -0,0 +1,78 @@
import type { APIRoute } from 'astro';
export const prerender = false;
type ItemInput = { material_id?: unknown; cantidad?: unknown; descripcion?: unknown };
function statusForError(message: string): { status: number; error: string } {
if (message.startsWith('no_autenticado')) {
return { status: 401, error: 'No autenticado' };
}
if (
message.startsWith('maestro_responsable_requerido') ||
message.startsWith('items_requeridos') ||
message.startsWith('item_invalido')
) {
return { status: 400, error: 'Solicitud inválida' };
}
if (message.startsWith('material_no_existe')) {
return { status: 409, error: 'Uno de los materiales ya no existe' };
}
if (message.startsWith('material_no_disponible')) {
return { status: 409, error: 'Uno de los materiales ya no está disponible' };
}
if (message.startsWith('stock_insuficiente')) {
return { status: 409, error: 'Sin stock suficiente para uno de los materiales' };
}
return { status: 500, error: 'No se pudo registrar la solicitud' };
}
export const POST: APIRoute = async ({ request, locals }) => {
if (!locals.user) {
return Response.json({ error: 'No autenticado' }, { status: 401 });
}
let body: { maestro_responsable?: unknown; notas?: unknown; items?: unknown };
try {
body = await request.json();
} catch {
return Response.json({ error: 'JSON inválido' }, { status: 400 });
}
const maestro_responsable = typeof body.maestro_responsable === 'string' ? body.maestro_responsable.trim() : '';
const notas = typeof body.notas === 'string' && body.notas.trim() ? body.notas.trim() : null;
if (!maestro_responsable) {
return Response.json({ error: 'Maestro responsable requerido' }, { status: 400 });
}
if (!Array.isArray(body.items) || body.items.length === 0) {
return Response.json({ error: 'Agrega al menos un material' }, { status: 400 });
}
const items: Array<{ material_id: number; cantidad: number; descripcion: string | null }> = [];
for (const raw of body.items as ItemInput[]) {
const material_id = Number(raw.material_id);
const cantidad = Number(raw.cantidad);
if (!Number.isInteger(material_id) || material_id <= 0) {
return Response.json({ error: 'material_id inválido en un renglón' }, { status: 400 });
}
if (!Number.isInteger(cantidad) || cantidad <= 0) {
return Response.json({ error: 'cantidad inválida en un renglón' }, { status: 400 });
}
const descripcion = typeof raw.descripcion === 'string' && raw.descripcion.trim() ? raw.descripcion.trim() : null;
items.push({ material_id, cantidad, descripcion });
}
const { data, error } = await locals.supabase.rpc('crear_solicitud', {
p_maestro_responsable: maestro_responsable,
p_notas: notas,
p_items: items,
});
if (error) {
const { status, error: message } = statusForError(error.message ?? '');
return Response.json({ error: message }, { status });
}
return Response.json({ id: data }, { status: 201 });
};