Módulo Banco de Sangre

Análisis de rutas, componentes y flujos del módulo de Banco de Sangre, definidas en src/app/pages/page.routes.ts.

{ path: 'banco/sangre', component: ReceptoresComponent },
{ path: 'documentos/paciente/:id', component: DocspacienteComponent },
{ path: 'productos', component: ProductosComponent },
{ path: 'reacciones/adversas/:id', component: ReaccionesAdversasComponent },
{ path: 'reacciones/transfucionales', component: ReaccionesTransfucionalesComponent },

1. banco/sangre → ReceptoresComponent

Ubicación: src/app/pages/receptores/

Qué hace:

• Lista los pacientes/receptores de la sede actual (localStorage.getItem('cede')).
• Carga inicial vía PacientesService.getPacientesSede(sede).
• Buscador por nombre (getPacientePorNombre), activo cuando el texto tiene más de 3 caracteres.
• Paginación con ngx-pagination (paginaAnterior / siguentePagina usan getPacientes(intervalo), un endpoint distinto al de getPacientesSede).

Componentes / servicios involucrados:

• app-titulos — header genérico de la vista.
• PacientesService (getPacientesSede, getPacientePorNombre, getPacientes).
• NgxSpinnerService.
• Navegación: /registro/pacientes (alta de paciente), /paciente/:id (detalle, click en fila).

2. documentos/paciente/:id → DocspacienteComponent

Ubicación: src/app/pages/docspaciente/

Qué hace:

• Pantalla para adjuntar los 4 documentos obligatorios del receptor:
  • Consentimiento informado de transfusión
  • Resumen médico
  • Últimos laboratorios
  • Solicitud de componentes sanguíneos
• Obtiene el paciente con PacientesService.getPacienteBtID(id).
• Permite subir archivos con ngx-dropzone, convertidos a base64 (fileToBase64).
• Al guardar (agregarDocumentosReceptor):
  1. Valida que existan ≥ 4 archivos; si no, muestra alerta de error (Swal).
  2. generaridCensur() → BancodesangreService.agregarReceptor() crea el registro en CENSUR y guarda idCensur en localStorage.
  3. enviarDoc(id) → BancodesangreService.agregarDocumentosReceptor() sube los documentos.
  4. Navega a /productos.

Componentes / servicios involucrados:

• ficha-info-user — muestra ficha del paciente, recibe pacienteInfo.
• BancodesangreService (agregarReceptor, agregarDocumentosReceptor).
• sweetalert / sweetalert2 — notificaciones.
• NgxSpinnerService.

3. productos → ProductosComponent

Ubicación: src/app/pages/censur-productos/productos/

Qué hace:

• Es solo un wrapper vacío (<app-pedidos></app-pedidos>); toda la lógica real vive en PedidosComponent.

Componente real: PedidosComponent (src/app/components/censur-pedido/pedidos/)

• Carga el catálogo de productos vía BancodesangreService.allproductosAlmacen().
• Maneja un "carrito" persistido en localStorage mediante la clase CarritoCensur (src/app/clases/carrito-censur/censur-carrito).
• Acciones del carrito: agregarCarrito, eliminar, validarCarrito.
• Al enviar la solicitud (enviarSolicitud):
  1. Usa idCensur de localStorage (generado en el paso anterior, DocspacienteComponent).
  2. generarTypeCruce() → genera orden de "TIPE Y CRUCE" para laboratorio.
  3. generarOrdenReceptor() → genera la orden del pedido en CENSUR.
  4. Limpia localStorage (idCensur, censur-carrito) y navega a /dashboard.

Componentes / servicios involucrados:

• CarritoCensur (src/app/clases/carrito-censur/censur-carrito).
• Funciones de src/app/functions/storage/pacienteIntegrados.
• BancodesangreService (allproductosAlmacen, generarTypeCruce, generarOrdenReceptor).
• sweetalert, NgxSpinnerService.

4. reacciones/adversas/:id → ReaccionesAdversasComponent

Ubicación: src/app/pages/reacciones-adversas/

Qué hace:

• Registro post-transfusión: confirma si hubo reacción adversa y permite cargar la documentación.
• Obtiene el pedido/receptor con BancodesangreService.getOrdenPedidoReceptor(id) y muestra los datos del paciente.
• Switch para marcar si hubo reacción adversa (huboReaccionAdversa, valores 'si' / vacío).
• Sube un PDF de "Reacción Transfusional" (dropzone + base64).
• Al guardar (guardarDocumentos):
  1. cambioEstadoRecpetor(id, { estado: 'FINALIZADO' }) cierra el caso del receptor.
  2. agregarDocumetosReaccionesTransfucionales(id, { reaccionestransfucionales, huboReaccionAdversa }) adjunta el documento y la respuesta del switch.
  3. Navega a /dashboard.

Componentes / servicios involucrados:

• ficha-info-user.
• BancodesangreService (getOrdenPedidoReceptor, cambioEstadoRecpetor, agregarDocumetosReaccionesTransfucionales).
• NgxSpinnerService.

5. reacciones/transfucionales → ReaccionesTransfucionalesComponent

Ubicación: src/app/pages/admin/reacciones-transfucionales/

Qué hace:

• Bitácora/listado de todas las reacciones transfusionales registradas.
• BancodesangreService.bitacoraReaccionesTransfucionales() trae la lista, filtrando solo registros con paciente != null.
• Buscador por nombre usando el helper buscarReceptor (src/app/helpers/filterReceptor.ts).
• Cada fila enlaza a /reacciones/adversas/:id → alimenta directamente la ruta #4.

Componentes / servicios involucrados:

• app-titulos.
• BancodesangreService (bitacoraReaccionesTransfucionales).
• Interfaces Reacciones / Paciente (reaciones.interface.ts).
• NgxSpinnerService.

Pendiente: comentario // TODO: AGREGAR EL PAGINADOR — la lista no está paginada.

Servicios y dependencias compartidas

localStorage como puente de estado

En lugar de pasar datos entre rutas mediante un servicio o estado de Angular, el flujo se apoya en localStorage:

Flujo end-to-end (camino feliz)

Casos de uso

Observaciones / posibles riesgos detectados

• Estado compartido vía localStorage (idCensur, censur-carrito, usuario, cede): si el usuario navega fuera del flujo o abre otra pestaña, el estado puede quedar inconsistente o perderse.
• ReaccionesTransfucionalesComponent no pagina resultados (TODO pendiente en el código), lo que puede impactar el rendimiento con bitácoras grandes.
• ReceptoresComponent: paginaAnterior/siguentePagina llaman a PacientesService.getPacientes(intervalo), un endpoint distinto al usado en la carga inicial (getPacientesSede); esto podría producir resultados inconsistentes con la sede filtrada.
• ReaccionesAdversasComponent.guardarDocumentos no valida que se haya subido un documento antes de enviar (this.imagenes[0] puede ser undefined).
• Código comentado / bloques muertos presentes en DocspacienteComponent (agregarDocumentos, sección de "Documentos Adjuntos" en el HTML) que podrían limpiarse.