2 lines
12 KiB
JavaScript
Executable file
2 lines
12 KiB
JavaScript
Executable file
import{u as x,j as a,_ as h,r as d,$ as q,X as j,a0 as z}from"./0-vendor-react-DWOJpYrt.js";import{B as N}from"./page-ajustes-DgawOEJM.js";const w=({to:i,label:s="Volver",className:n="",variant:u="ghost"})=>{const l=x(),g=()=>{i?l(i):window.history.length>1?l(-1):l("/")};return a.jsxs(N,{onClick:g,variant:u,className:`flex items-center gap-2 ${n}`,"aria-label":s,children:[a.jsx(h,{className:"w-4 h-4"}),a.jsx("span",{children:s})]})},_={"bloque-0-fundamentos":[{nombre:"algoritmo_operativo_del_tes.svg",ruta:"/assets/infografias/bloque-0-fundamentos/algoritmo_operativo_del_tes.svg"},{nombre:"diagrama_seleccion_dispositivo_oxigenoterapia.png",ruta:"/assets/infografias/bloque-0-fundamentos/diagrama_seleccion_dispositivo_oxigenoterapia.png"},{nombre:"fast_transtelefonico.png",ruta:"/assets/infografias/bloque-0-fundamentos/fast_transtelefonico.png"},{nombre:"flujo_desa_telefono.png",ruta:"/assets/infografias/bloque-0-fundamentos/flujo_desa_telefono.png"},{nombre:"flujo_rcp_transtelefonica.png",ruta:"/assets/infografias/bloque-0-fundamentos/flujo_rcp_transtelefonica.png"},{nombre:"guia_colocacion_dispositivos_oxigenoterapia.png",ruta:"/assets/infografias/bloque-0-fundamentos/guia_colocacion_dispositivos_oxigenoterapia.png"},{nombre:"resumen_visual_del_algoritmo_start.svg",ruta:"/assets/infografias/bloque-0-fundamentos/resumen_visual_del_algoritmo_start.svg"},{nombre:"tabla_rangos_fio2_oxigenoterapia.png",ruta:"/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia.png"},{nombre:"tabla_rangos_fio2_oxigenoterapia1.png",ruta:"/assets/infografias/bloque-0-fundamentos/tabla_rangos_fio2_oxigenoterapia1.png"}],"bloque-2-inmovilizacion":[{nombre:"colocacion_colchon_vacio_paso_a_paso.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_colchon_vacio_paso_a_paso.png"},{nombre:"colocacion_collarin_paso_1_preparacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_1_preparacion.png"},{nombre:"colocacion_collarin_paso_2_parte_posterior.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_2_parte_posterior.png"},{nombre:"colocacion_collarin_paso_3_parte_anterior.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_3_parte_anterior.png"},{nombre:"colocacion_collarin_paso_4_ajuste_cierres.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_4_ajuste_cierres.png"},{nombre:"colocacion_collarin_paso_5_verificacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_5_verificacion.png"},{nombre:"colocacion_collarin_paso_6_liberacion_controlada.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/colocacion_collarin_paso_6_liberacion_controlada.png"},{nombre:"componentes_camilla_cuchara.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/componentes_camilla_cuchara.png"},{nombre:"componentes_colchon_vacio.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/componentes_colchon_vacio.png"},{nombre:"componentes_sistema_inmovilizacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/componentes_sistema_inmovilizacion.png"},{nombre:"componentes_sistema_inmovilizacion_1.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/componentes_sistema_inmovilizacion_1.png"},{nombre:"componentes_tablero_espinal.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/componentes_tablero_espinal.png"},{nombre:"coordinacion_equipo_inmovilizacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/coordinacion_equipo_inmovilizacion.png"},{nombre:"errores_frecuentes_collarin_cervical.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/errores_frecuentes_collarin_cervical.png"},{nombre:"posicion_tes_inmovilizacion_manual.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/posicion_tes_inmovilizacion_manual.png"},{nombre:"posicion_tes_inmovilizacion_manual_1.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/posicion_tes_inmovilizacion_manual_1.png"},{nombre:"secuencia_transicion_inmovilizacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/secuencia_transicion_inmovilizacion.png"},{nombre:"seleccion_talla_collarin_2.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_2.png"},{nombre:"seleccion_talla_collarin_cervical.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical.png"},{nombre:"seleccion_talla_collarin_cervical1.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_cervical1.png"},{nombre:"seleccion_talla_collarin_error_demasiado_grande.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_error_demasiado_grande.png"},{nombre:"seleccion_talla_collarin_medicion_anatomica.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_medicion_anatomica.png"},{nombre:"seleccion_talla_collarin_tabla_tallas.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/seleccion_talla_collarin_tabla_tallas.png"},{nombre:"situaciones_que_requieren_inmovilizacion.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/situaciones_que_requieren_inmovilizacion.png"},{nombre:"tecnica_sujecion_manual_1.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/tecnica_sujecion_manual_1.png"},{nombre:"tecnica_sujecion_manual_cervical.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/tecnica_sujecion_manual_cervical.png"},{nombre:"verificaciones_post_colocacion_collarin.png",ruta:"/assets/infografias/bloque-2-inmovilizacion/verificaciones_post_colocacion_collarin.png"}],"bloque-3-material-sanitario":[{nombre:"canulas_guedel_nasofaringea.png",ruta:"/assets/infografias/bloque-3-material-sanitario/canulas_guedel_nasofaringea.png"},{nombre:"configuracion_maxima_fio2_bolsa_mascarilla.png",ruta:"/assets/infografias/bloque-3-material-sanitario/configuracion_maxima_fio2_bolsa_mascarilla.png"},{nombre:"dispositivos_supragloticos_guia.png",ruta:"/assets/infografias/bloque-3-material-sanitario/dispositivos_supragloticos_guia.png"},{nombre:"interpretacion_constantes_semaforo.png",ruta:"/assets/infografias/bloque-3-material-sanitario/interpretacion_constantes_semaforo.png"},{nombre:"registro_constantes_vitales.png",ruta:"/assets/infografias/bloque-3-material-sanitario/registro_constantes_vitales.png"},{nombre:"uso_correcto_ambu.png",ruta:"/assets/infografias/bloque-3-material-sanitario/uso_correcto_ambu.png"},{nombre:"uso_correcto_pulsioximetro.png",ruta:"/assets/infografias/bloque-3-material-sanitario/uso_correcto_pulsioximetro.png"},{nombre:"uso_correcto_tensiometro.png",ruta:"/assets/infografias/bloque-3-material-sanitario/uso_correcto_tensiometro.png"},{nombre:"ventilacion_medios_fortuna.png",ruta:"/assets/infografias/bloque-3-material-sanitario/ventilacion_medios_fortuna.png"}],"bloque-7-conduccion":[{nombre:"configuracion_gps_antes_de_salir.png",ruta:"/assets/infografias/bloque-7-conduccion/configuracion_gps_antes_de_salir.png"}],"bloque-12-marco-legal":[{nombre:"diagrama_decisiones_eticas_urgencias.png",ruta:"/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas_urgencias.png"},{nombre:"diagrama_decisiones_eticas.png",ruta:"/assets/infografias/bloque-12-marco-legal/diagrama_decisiones_eticas.png"}]},v={"bloque-0-fundamentos":"Fundamentos","bloque-2-inmovilizacion":"Inmovilización","bloque-3-material-sanitario":"Material Sanitario","bloque-7-conduccion":"Conducción","bloque-12-marco-legal":"Marco Legal"},y=()=>{const[i,s]=d.useState(null),[n,u]=d.useState(null),l=o=>{s(o)},g=(o,e)=>{const r=document.createElement("a");r.href=o,r.download=e,r.click()},b=Object.values(_).reduce((o,e)=>o+e.length,0);return a.jsxs("div",{className:"space-y-6",children:[a.jsx("div",{className:"flex items-center justify-between",children:a.jsx(w,{to:"/manual",label:"Volver al manual"})}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("h1",{className:"text-3xl font-bold text-foreground",children:"Galería de Infografías"}),a.jsxs("p",{className:"text-muted-foreground",children:[b," imágenes organizadas por bloques temáticos"]})]}),a.jsxs("div",{className:"flex flex-wrap gap-2",children:[a.jsxs("button",{onClick:()=>u(null),className:`px-4 py-2 rounded-lg border transition-colors ${n===null?"bg-primary text-primary-foreground border-primary":"bg-card text-foreground border-border hover:bg-muted"}`,children:["Todas (",b,")"]}),Object.keys(_).map(o=>a.jsxs("button",{onClick:()=>u(o),className:`px-4 py-2 rounded-lg border transition-colors ${n===o?"bg-primary text-primary-foreground border-primary":"bg-card text-foreground border-border hover:bg-muted"}`,children:[v[o]," (",_[o].length,")"]},o))]}),a.jsx("div",{className:"space-y-8",children:(n?[n]:Object.keys(_)).map(o=>a.jsxs("div",{className:"space-y-4",children:[!n&&a.jsx("h2",{className:"text-xl font-semibold text-foreground border-b border-border pb-2",children:v[o]}),a.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4",children:_[o].map(e=>a.jsxs("div",{className:"group relative bg-card border border-border rounded-lg overflow-hidden hover:border-primary transition-colors cursor-pointer",onClick:()=>l(e.ruta),children:[a.jsx("div",{className:"aspect-square bg-muted flex items-center justify-center",children:a.jsx("img",{src:e.ruta,alt:e.nombre,className:"w-full h-full object-contain p-2",loading:"lazy",onError:r=>{r.target.style.display="none";const p=r.target.parentElement;if(p){const m=document.createElement("div");m.className="flex flex-col items-center justify-center p-4 text-center";const t=document.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("class","w-12 h-12 text-muted-foreground mb-2"),t.setAttribute("fill","none"),t.setAttribute("stroke","currentColor"),t.setAttribute("viewBox","0 0 24 24");const c=document.createElementNS("http://www.w3.org/2000/svg","path");c.setAttribute("stroke-linecap","round"),c.setAttribute("stroke-linejoin","round"),c.setAttribute("stroke-width","2"),c.setAttribute("d","M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"),t.appendChild(c),m.appendChild(t);const f=document.createElement("p");f.className="text-xs text-muted-foreground",f.textContent="Error al cargar",m.appendChild(f),p.innerHTML="",p.appendChild(m)}}})}),a.jsx("div",{className:"absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-center justify-center opacity-0 group-hover:opacity-100",children:a.jsx(q,{className:"w-8 h-8 text-white"})}),a.jsx("div",{className:"p-2 bg-card border-t border-border",children:a.jsx("p",{className:"text-xs text-foreground truncate",title:e.nombre,children:e.nombre.replace(/\.(png|svg|jpg)$/i,"")})})]},e.ruta))})]},o))}),i&&a.jsx("div",{className:"fixed inset-0 z-50 bg-black/90 flex items-center justify-center p-4",onClick:()=>s(null),children:a.jsxs("div",{className:"relative max-w-5xl max-h-[90vh] w-full h-full flex items-center justify-center",children:[a.jsx("button",{onClick:()=>s(null),className:"absolute top-4 right-4 z-10 w-10 h-10 flex items-center justify-center bg-black/50 hover:bg-black/70 rounded-full text-white transition-colors","aria-label":"Cerrar",children:a.jsx(j,{className:"w-6 h-6"})}),a.jsx("button",{onClick:o=>{o.stopPropagation();const e=i.split("/").pop()||"imagen";g(i,e)},className:"absolute top-4 left-4 z-10 w-10 h-10 flex items-center justify-center bg-black/50 hover:bg-black/70 rounded-full text-white transition-colors","aria-label":"Descargar",children:a.jsx(z,{className:"w-5 h-5"})}),a.jsx("img",{src:i,alt:"Imagen ampliada",className:"max-w-full max-h-full object-contain rounded-lg",onClick:o=>o.stopPropagation()})]})})]})},A=Object.freeze(Object.defineProperty({__proto__:null,default:y},Symbol.toStringTag,{value:"Module"}));export{w as B,A as G};
|