Implementación componente de visualización de PDF en el microcliente plan anual de auditoria

edwargl7 commented 1 month ago

Se requiere continuar con la implementación del componente transversal para renderizado de PDF trabajada inicialmente en la Issue #154 y basado en la implementación realizada en la Issue 132 de ARGO usando ng2-pdf-viewer.

Sub Tareas

[x] Implementación componente para renderizado de PDF.
[x] Pruebas funcionales.

Criterios de aceptación

[x] Documentación de avances en la implementación y resultados de pruebas funcionales.

Requerimientos

No aplica

Definition of Ready - DoR

[x] Está refinada y estimada en puntos de historia por el equipo.
[x] Incluye la descripción y criterios de aceptación, con el detalle funcional y especificaciones técnicas, de forma entendible por cualquier miembro del equipo.
[x] No tiene bloqueos que impidan su ejecución.
[x] Las dependencias están identificadas y resueltas.
[x] Puede ser probada dentro del Sprint.

Definition of Done - DoD - Desarrollo

[x] Desarrollo en local.
[x] Push en Feature.
[x] Pruebas locales (funcionales).
[x] PR a Develop.
[x] Criterios de aceptación cumplidos.
[x] Documentación de issue realizada.
[x] Aprobada por SM/Líder técnico.

jucastro94 commented 1 month ago

se implementa ng2-pdf-viewer

se realiza importacion al modulo del componente

se integra al component.html

se intenta renderizar pdf agregando 'data:application/pdf;base64:.......' al base64 pero no funciona

con base en el ejemplo dado se convierte el documento en base64 a ArrayBuffer y posteriormente este se convierte a Uint8Array, asi dando un correcto renderizado

se requieren ajustar estilos

jucastro94 commented 1 month ago

se ubica renderizador en la parte inferior para verificar como esta funcionando, ocupa el 100% de la ventana y renderiza de manera correcta

jucastro94 commented 1 month ago

se realizan ajustes de css

jucastro94 commented 1 month ago

se realizan correcciones para que la visualizacion sea tipo modal

se realiza prueba funcional

https://github.com/user-attachments/assets/4f44a651-467a-4778-909d-7df719d6850c

edwargl7 commented 1 month ago

Se realiza la revisión con @cjgonzalezp y se observa que dado que se requiere poder llegar a esta vista desde un enlace de correo, se debe modificar como submódulo para poder tener un enlace que lo dirija específicamente al plan que se va a revisar por el id del mismo, dado que los modales se visualización dentro de la misma url del componente principal, no se lograría de esta forma el comportamiento requerido.

Ejemplo URL: /plan_auditoria/revision/10

edwargl7 commented 1 month ago

Esta vista también puede ser consultada desde la tabla de consulta.

jucastro94 commented 1 month ago

se deshace ultimo commit se borra boton de cerrar se realiza prueba funcional

https://github.com/user-attachments/assets/90bad525-fd14-493d-8638-2ff5e94a5a28

edwargl7 commented 1 month ago

Se realiza la revisión con @cjgonzalezp y se va a evaluar la forma de poder acceder a la vista de consulta.

edwargl7 commented 1 month ago

Muy buen trabajo, se resuelve el PR.

udistrital / sisifo_documentacion

Implementación componente de visualización de PDF en el microcliente plan anual de auditoria #182