Migración de modulo espacios académicos a arquitectura de micro cliente. Parte 1.

[brayaned]

Se requiere realizar la Migración de modulo espacios académicos a arquitectura de micro cliente. Para esta primera parte es necesario migrar la vista de consulta de espacios académicos.

Sub Tareas

• [x] Analizar la pantalla consulta de espacios académicos en el cliente actual, para la identificación de framework y componentes desarrollados para su migración.
• [x] Desacoplar del componente los componente que consume el framework boostrap o cualquier otro framework que no se pueda soporta en angular version 16 o superior, migrar las tablas ng-smart-table a table material.
• [x] Crear el micro cliente para el modulo de espacios académicos.
• [x] Acoplar el micro cliente desarrollado en el cliente root.

Criterios de aceptación

• [ ] Analizar el modulo actual de calendario académico
• [ ] Desacoplar el cliente de tecnologías antiguas
• [ ] Creación de micro cliente
• [ ] Acoplar micro cliente con cliente root

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.
• [ ] Criterios de aceptación cumplidos.
• [ ] Documentación de issue realizada.
• [ ] Aprobada por SM/Líder técnico.

[andresFLZ]

Migración de la tabla de espacios académicos

El nuevo modulo de espacios académicos se levanto en el puerto 4208

Creación de carpetas necesarias para implementar la lógica

models

en la carpeta models se implementaron las clases TypeScript que representan la estructura de los datos de la aplicación que en este caso son:

• diccionario: Encargado de almacenar datos sobre los roles del sistema
• espacio_academico: Encargado de almacenar el modelo de datos de la respuesta que se recibe cuando se realiza una petición para recuperar los espacios académicos
• estado_aprobacion: Encargado de almacenar el modelo de datos de la respuesta que se recibe cuando se realiza una petición para recuperar los estados de aprobación

services

• espacios_academicos: Este servicio se encarga de realizar todas las peticiones para recuperar datos asociados a los espacios académicos o estados de aprobación
• implicit_autenticacion: Este servicio se usa para el manejo de roles en la aplicación

managers

Se implementaron managers que se encargan del manejo de los errores, las solicitudes que se hacen a las apis y los mensajes de alerta que se le muestran al usuario

Desarrollo del componente List espacios académicos

Se desarrolló la tabla en un solo componente que se encarga de:

• Recuperar los datos de las apis
• Cargar los datos en la tabla
• Ajustar botones según el estado
• Poder realizar búsquedas en la tabla con un filtro

Se usó angular material para desarrollar la tabla y en general todo el html. A continuación se muestra el funcionamiento de la tabla en la aplicación:

https://github.com/udistrital/sga_documentacion/assets/92338658/4ca055a8-abf5-4507-aa12-6fb43ebfa826