Reestructuración del Formulario de Registro de Contrato

[edwargl7]

Se requiere reorganizar los pasos del formulario de registro de contrato, para asegurar que la información se recolecte de manera lógica y secuencial basado en el Mockup. En este se incluyen secciones nuevas necesarias para un registro completo.

Nuevo orden de los pasos:

1. Información de contrato
2. Información Presupuestal
3. Información Solicitante y Supervisor
4. Información contratista
5. Obligaciones de Contrato
6. Especificaciones Técnicas
7. Garantía y Mecanismos de Cobertura del Riesgo
8. Cláusulas y Parágrafos

Subtareas

- Organización del Formulario:

• [x] Reorganizar el formulario con el nuevo orden especificado.
• [x] Revisión nombre con numeración de los FormGroup (firstFormGroup, secondFormGroup, ...), dado que para tipo de contrato de arrendamiento se requiere un paso adicional. Estos nombres ayudan a identificar en el componente de registro-contracto, pero en cada componente de cada paso puede que no tengan la misma enumeración como actualmente se contemplaba en el Mockup.

- Paso de Información Presupuestal:

• [x] Agregar Checkbox al paso de Información Presupuestal para reversar saldos.
• [x] Agregar border a las dos secciones de este paso. Se puede trabajar usando Card de Angular Material

- Paso de Obligaciones de Contrato:

• [x] Reorganización orden de los campos del paso y eliminación del campo Condiciones.
• [x] Agregar border a la sección completa del paso que agrupe los 3 campos.
• [x] Remover botón Descargar (llevar esta implementación al último paso Cláusulas y Parágrafos).

- Estilos del Formulario:

• [x] Agregar border a la sección del paso Información Solicitante y Supervisor.
• [x] Agregar border a la sección del paso Información Contratista.
• [x] Agregar border a la sección del paso Garantía y Mecanismos de Cobertura del Riesgo.

Criterios de aceptación

• [x] Formulario con todos los pasos en el orden requerido.
• [x] Pasos 1, 2, 3, 4, 5 y 7 cuenten con los campos, bordes y botones solicitados y detallados en el Mockup.

Requerimientos

No aplica

Material de apoyo

• Mockup
• Angular Material - Card

Especificaciones técnicas

• Repositorio de microcliente gestion_contractual_mf.

Lineamientos Generales

Lineamientos que se deben cumplir en cualquier desarrollo.

• Lineamiento y Metodología para Branches
• Etiquetas en comentarios de Commits
• Seguir los lineamientos para la documentación del README Contenido README

Lineamientos Microclientes

• Arquitectura de aplicaciones - Microclientes

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.

[Lau2ri]

Se realiza la reestructuración de los pasos del formulario, agregando el sexto paso de Especificaciones Técnicas y el octavo paso de Cláusulas y Parágrafos.

Además se hace la respectiva organización de los nombres de FormGroup de cada paso en el componente de registro-contracto y directamente en cada uno de los pasos se reemplazo este nombre (firstFormGroup, secondFormGroup, ...), por simplemente "form" para hacerlo más cómodo.

[Lau2ri]

Se realizan todos los ajustes solicitados, a continuación se muestran los resultados:

https://github.com/user-attachments/assets/94b6b943-2174-45ca-8f8d-ce24f50649c2

Para los bordes y sus títulos se realizó el ajuste directamente en los estilos del root para poder tenerlos de forma global en el sistema.

[edwargl7]

Desarrollo completado correctamente, buen enfoque de estilos aplicados desde el root. Se recomienda separar estos estilos en otro archivo css similar a los aplicados en sga cliente root. Una vez realizados estos ajustes realizar por favor el PR en el root.

[Lau2ri]

Se realiza la separación de los estilos en otro archivo como se solicitó, y se comprobó que siguen funcionando los estilos correctamente:

Se procede a realizar el Pull Request.

[edwargl7]

Se confirmar los ajustes solicitados y se realiza el PR. Muy buen trabajo.