udistrital / core_documentacion

0 stars 0 forks source link

Restringir creación y edición de dependencias para volver campos obligatorios. #185

Closed diagutierrezro closed 1 month ago

diagutierrezro commented 1 month ago

Se requiere realizar la restricción en el formulario de la creación y edición de las dependencias para que sean obligatorios todos los campos de este, revisar el uso del "required" en los formularios de angular el cual se encarga de manejar estos requerimientos.

Adicional a esto debe aparecer un aviso en los campos vacios que le indiquen al usuario que son campos obligatorios.Image

Sub Tareas

Criterios de aceptación

Requerimientos

No aplica

Definition of Ready - DoR

Definition of Done - DoD - Desarrollo

JulianAvella commented 1 month ago

Se modifico un poco y asi es como se ve el formulario de registro de dependencias:

image

El boton va a estar deshabilitado y si pasa el cursor va a aparecer un circulo de prohibido y se va a habilitar hasta que complete todos los campos.

Si toca un campo y no escribe nada y luego toca en otro lado, va aparecer el mensaje "* Campo obligatorio" en rojo justo debajo del campo, el mensaje se mostraría sin hacer perder la forma visual del formulario, se vería así:

image image

Si completa los campos así se veria el botón habilitado:

image

Y si se crea la dependencia, mostraria su mensaje de "éxito":

image
JulianAvella commented 1 month ago

Se modifico un poco y asi es como se ve el formulario de editar la dependencia:

image

El botón estando deshabilitado y con unos campos vacios que muestran el mensaje "* Campo obligatorio" en rojo justo debajo del campo, el mensaje se mostraría sin hacer perder la forma visual del formulario, se vería así:

image

Si completa los campos se veria el botón habilitado como se muestra en la primera imagen de este comentario.

Y si se edita la dependencia, mostraria su mensaje de "éxito":

image
JulianAvella commented 1 month ago

Asi es como se ve el formulario de editar el mapeo:

image

El botón estando deshabilitado y con el único campo requerido vacio "número de identificación interno" que muestra el mensaje "* Campo obligatorio" en rojo justo debajo del campo, se vería así:

image

Si completa el único campo requerido "número de identificación interno" se veria el botón habilitado, como se muestra en la primera imagen de este comentario.

Si se edita el mapeo, mostraria su mensaje de "éxito":

image
JulianAvella commented 1 month ago
image