Implementación vista Evaluación Auditoría por Jefe Dependencia

edwargl7 commented 2 weeks ago

Se requiere realizar la implementación del submódulo de evaluación de auditoría por el jefe de dependencia.

Este Mockup y otros flujos cuentan con una implementación similar, con ciertos cambios, lo que permite poder reutilizar estos flujos de aprobación.

Sub Tareas

[x] Implementación de la vista de visualización de documentos del plan con botones de aprobación o rechazo.
[x] Implementación modal de Observaciones una vez se realiza clic en el botón de rechazo.
[x] Implementación de modal para confirmación de rechazo.
[x] Implementación de modal de confirmación de rechazo efectuado.
[x] Implementación de modal de confirmación de aprobación.
[x] Implementación de modal de confirmación de aprobación efectuado.
[x] Pruebas funcionales.

Criterios de aceptación

[x] Documentación de la correcta implementación y ejecución del flujo siguiendo los lineamientos de desarrollo.

Requerimientos

No aplica

Material de apoyo

Enlace Mockup rol Jefe OCI

Especificaciones técnicas

Repositorio microcliente plan_anual_auditoria_mf.

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 week ago

se realiza implementacion de pipe

se crea componente para alojar el object

se implementa la forma en que se trae base64

se llama componente y se envia base64

se presenta errro al renderizar el objeto

jucastro94 commented 1 week ago

https://github.com/user-attachments/assets/42b9b025-3e13-41c7-b25e-7a14c5e190c9

jucastro94 commented 1 week ago

se implementa logica para reutilizacion de modal, este tiene la capacidad de llamarse a si mismo para visualizar el modal final de confirmacion

export class ModalConfirmarRechazoComponent {

  mensaje: string;
  icono: 'warning' | 'success' | 'error' | 'info';
  mostrarBotonCancelar: boolean;
  textoConfirmacion: string;
  textoCancelacion: string;
  continue:boolean;
  textoMensajeConfirmacion: string;
  textoSubMensajeConfirmacion:string;

  constructor(
    public dialogRef: MatDialogRef<ModalConfirmarRechazoComponent>,
    private dialog: MatDialog,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) { 
    this.mensaje = data.mensaje || '¿Está seguro(a) de realizar esta acción?';
    this.icono = data.icono || 'warning';
    this.mostrarBotonCancelar = data.mostrarBotonCancelar !== undefined ? data.mostrarBotonCancelar : true;
    this.textoConfirmacion = data.textoConfirmacion || 'Aceptar';
    this.textoCancelacion = data.textoCancelacion || 'Cancelar';
    this.continue = data.continue;
    this.textoMensajeConfirmacion =data.textoMensajeConfirmacion;
    this.textoSubMensajeConfirmacion =data.textoSubMensajeConfirmacion || '';
  }

  ngOnInit(): void {
    this.mostrarModal();
}
mostrarModal(): void {
  const htmlContent = `
    <h1 style="margin-bottom: 5px; color:hsl(0deg 0% 59.61%);">${this.mensaje}</h1>
    ${this.textoSubMensajeConfirmacion && !this.continue ? `<h3 style="color:hsl(0deg 0% 59.61%);">${this.textoSubMensajeConfirmacion}</h3>` : ''}
  `;
  Swal.fire({
    html: htmlContent,
    icon: this.icono,
    showCancelButton: this.mostrarBotonCancelar,
    confirmButtonText: this.textoConfirmacion,
    cancelButtonText: this.textoCancelacion,
    confirmButtonColor: '#3085d6', 
    cancelButtonColor: '#d33',

  }).then((result) => {
    this.dialogRef.close();
    if (result.isConfirmed && this.continue) {
      // Lógica para cuando se presiona "Aceptar"

      console.log('Plan rechazado');

      // Abrir otro modal igual
      this.dialog.open(ModalConfirmarRechazoComponent, {
        data: {
          mensaje: this.textoMensajeConfirmacion,  
          icono: 'success',
          mostrarBotonCancelar: false,
          textoConfirmacion: 'OK',
          continue:false,
          textoSubMensajeConfirmacion:this.textoSubMensajeConfirmacion,
        }

      });
    } else if (result.dismiss === Swal.DismissReason.cancel) {
      // Lógica para cuando se presiona "Cancelar"
      console.log('Acción cancelada');
    }
  });
}
}

forma de abrir el modal enviando la informacion que necesita

prueba funcional

https://github.com/user-attachments/assets/b64882f4-d4e5-4400-bb6e-4887d97b4883

jucastro94 commented 1 week ago

se corrigen y agregan estilos

se trabaja en la visualizacion del documento sin dar resuiltado, se continua con el mismo error

edwargl7 commented 6 days ago

Se cuenta con una solución alterna trabajada en ARGO se realizará la revisión completa y se evaluará la posibilidad de cambiar la implementación realizada par la visualización del PDF.

udistrital / sisifo_documentacion

Implementación vista Evaluación Auditoría por Jefe Dependencia #154