Realizar ajustes visuales de paginación de tablas y visualización de organigramas.

diagutierrezro commented 2 months ago

Se requiere realizar ajustes visuales en el cliente de Oikos, para esta issue el alcance será ajustar la paginación de las tablas y pulir la visualización de los organigramas.

Sub Tareas

[x] Ajustar paginación de tablas, iniciar con la tabla de gestión de dependencias.
[x] Pulir visualización de organigramas, revisar trazado de lineas y posibilidad de mapear hacia abajo las dependencias finales.
[x] Documentar cambios realizados.

Criterios de aceptación

[x] Paginación de tablas corregida.
[x] Visualización de organigramas mejorada.
[x] Documentación de issue realizada.

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.

xDa04vidx commented 2 months ago

Paginación

Se han intentado diferentes métodos, sin logro alguno.

Se trata de que la tabla sea de tipo de angular material
Se inicializa el paginator, y se establece como función de arranque del front el ngOnInit, ademas de que se inicializa el paginator en ngAfterViewInit Aun asi no se logra visualizar el cambio.
Actualización del paginar post cargar los datos de la tabla Se esta reasignando el paginador, sin éxito.

Vista Se ve que no esta tomando ni la cantidad de elementos

xDa04vidx commented 2 months ago

Paginación

Con base en el cliente sga_cliente_gestion_horarios_mf, donde se utiliza el paginator, se encuentra el error, y es que se estaba actualizando el paginator de manera equivocada, se cambia a la manera correcta:

Y se logra obtener una paginación correcta en el cliente Para los primeros 5

Para la pagina posterior

Para mostrar 10

xDa04vidx commented 2 months ago

Organigrama

Se logra hacer que las lineas se muestren en el organigrama

El cambio necesario para ello, se encuentra en los estilos del angular.json

Problema Existen lineas de enlace (las verticales), que no se encuentran bien ajustadas, ademas de que se estan mostrando bordes de los nodos, que no se necesitan

xDa04vidx commented 2 months ago

Se agrega la paginación en Mapeo

Primera pagina

Segunda pagina

Con 10 resultados

diagutierrezro commented 2 months ago

Muy bue trabajo David.

udistrital / core_documentacion