añadale estas imagenes a cada titulo uno de los desplegables, el nombre de las fotos en en donde va, algo comodo para ver la imagen, un previsualizador de la imagen, es decir que se vea tal vez la imagen pequeña pero que se oueda ampliar con un extendible de la imagen algo asi
Voy a describir las imágenes recibidas:
- Optimización de Estados de Participación de Proveedores — captura del TMS "Selección de proveedor" mostrando proveedores con estados Rechazado, Sin respuesta y Asignado.
- Inclusión de Coordinadores de Zona en Notificaciones de Cancelación — correo Outlook de Halliburton "La solicitud de transporte fue cancelada #33560".
- Notificación por Correo para Cambios de Vehículo y Conductor — correo móvil Halliburton "Actualización de Operación" con nuevo conductor/vehículo.
- Corrección del Flujo de Aprobación de Licitaciones — "Gestor de tareas" con aprobadores (Aprobado).
- Normalización de Ubicaciones (mapa) — editor de ubicación con mapa de Acacías.
- Normalización de Ubicaciones (tabla) — hoja de cálculo con columnas de ubicaciones.
Descargo las 6 imágenes y luego reviso la estructura de datos.
Ahora reviso la estructura de datos y el componente de tarjetas para añadir el campo de imágenes y un previsualizador con lightbox.
Voy a añadir un campo images al tipo y a cada iniciativa. Primero el tipo:
Ahora añado las imágenes a cada iniciativa:
Ahora actualizo el componente de tarjetas para añadir una pestaña "Evidencia" con miniaturas y un visor ampliable (lightbox). Primero los imports:
Ahora añado la pestaña "Evidencia" en el TabsList y su contenido:
Ahora creo el componente EvidenceGallery con miniaturas y lightbox ampliable al final del archivo:
Ahora añado un pequeño indicador de "Evidencia" en la tarjeta para que se sepa que tiene imagen:
Verifico en el navegador: la tarjeta con indicador, la pestaña Evidencia y el lightbox ampliado.
Las tarjetas muestran el indicador "Evidencia" y la pestaña existe. Ahora abro la pestaña Evidencia y el lightbox para confirmar visualmente.
Todo funciona correctamente. Listo: añadí las imágenes a cada uno de los desplegables como una pestaña "Evidencia" dentro del modal de detalle.
Cómo quedó:
- Cada tarjeta ahora muestra un badge "Evidencia" (o "2 evidencias" en el caso de Normalización de Ubicaciones) para indicar que tiene captura.
- Dentro del modal hay una pestaña Evidencia que muestra la imagen en miniatura con su descripción.
- Al pasar el cursor aparece el botón "Ampliar", y al hacer clic se abre un lightbox que muestra la imagen completa y legible sobre un fondo de marca.
Asigné: la captura de selección de proveedor a Optimización de Estados de Participación de Proveedores, el correo de cancelación #33560 a Inclusión de Coordinadores de Zona, el correo "Actualización de Operación" a Notificación por Correo para Cambios de Vehículo y Conductor, el Gestor de tareas a Corrección del Flujo de Aprobación, y las dos imágenes (tabla + mapa) a Normalización de Ubicaciones.
Listo, actualicé el año a 2026 tanto en la portada como en los metadatos del documento.