JuanCamiloMartinezLopez commented 1 month ago

Se requiere realizar el ajuste al componente de visualización de soportes para permitir el uso de boton con sus diferentes acciones, así como el redireccionamiento después de cerrado.

Sub Tareas

[x] Añadir la configuración para las diferentes acciones que lleguen por la data injection.
[x] Revisar el posible redireccionamiento dinámico.

Criterios de aceptación

[ ] Modal ajustado.
[ ] Issue documentado.

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

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

stevencol commented 1 month ago

Se inicia con actividad

stevencol commented 1 month ago

Se crea una interfaz para representar un botón y lograr que sea reutilizable:

export interface Button {
    Color:string,
     FontIcon: string,
     Function: (data:any)=> any,
     Classes:string,
     Text:string,
     TextColor:string

}

stevencol commented 1 month ago

Con el modelo se ha modificado la función que muestra la lista de soportes, donde se envía un botón con la función ver y las propiedades del botón, y la función para abrir el modal, el cual a su vez lleva la función de cerrar el modal, ya que este caso no requiere más funciones:

penDialog(cumplido: any) {
    console.log('cumplido', cumplido);
    const dialog = this.dialog.open(ModalSoportesCumplidoComponent, {
      disableClose: true,
      maxHeight: '80vw',
      maxWidth: '100vw',
      height: '80vh',
      width: '80vw',
      data: {
        CumplidoProveedorId: cumplido.cumplidoProveedor.Id,
        Buttons: [
          {
            Color: 'white',
            FontIcon: 'visibility',
            Function: (file: any) => {
              this.dialog.open(ModalVisualizarSoporteComponent, {
                disableClose: true,
                height: '70vh',
                width: '50vw',
                maxWidth: '60vw',
                maxHeight: '80vh',
                panelClass: 'custom-dialog-container',
                data: {
                  url: file.Archivo.File,
                  ModalButtonsFunc: [
                    {
                      Color: '#F5B907',
                      FontIcon: 'visibility',
                      Function: (dialog: MatDialogRef<any>) => {
                        dialog.close;
                      },
                      Classes: 'ver-documentos-button',
                      Text: 'Cerrar',
                    },
                  ],
                },
              });
            },
            Classes: 'ver-documentos-button',
            Text: 'Ver',
          },
        ],
        Config: {
          mode: this.obtenerModo(cumplido.CodigoAbreviacionEstadoCumplido),
          rolUsuario: RolUsuario.S,
        },
      } as ModalSoportesCumplidoData,
    });
  }

stevencol commented 1 month ago