As a L&D manager, I can update a education benefit assigned to a GAPster
Historia de Usuario
Como Encargado del área de L&D,
puedo editar un beneficio asignado
de modo que pueda llevar registro de las inversiones realizadas
Criterio de Aceptación
- El formulario debe de permitir salvar satisfactoriamente la información utilizando el API correspondiente.
- Los dropdowns de "Type" y "Status" tienen un listado predeterminado de opciones, mientras que "Area" & "Employee" obtiene sus opciones utilizando funciones del API.
- Al presionar el botón de "Cancel", se retorna a la página del listado de Education Benefits.
- Los campos de "Employee", "Type", "Date", "Status", "Budget", "Area" (en el API se llama education_area), y "Description" son requeridos. El único que puede estar vacío es "Additional Comments".
- No hay un límite de cantidad de letras para los espacios de Descripción y Additional Comments.
- El campo "Date" tiene que ser un datepicker (puede ser hecho a la medida como lo que viene en la guía o el nativo del navegador).
- El Campo de "Budget" tiene que ser numérico y mayor a 0.
Elementos de los dropdowns
En todos los casos, el "value" es el valor que se tiene que enviar al API, mientras que el label es el texto que se presenta al usuario final.
Type: [{value: 1, label: "Certification"}, {value: 2, label: "Book"}, {value: 3, label: "Training"}, {value: 4, label: "Conference"} ]
.
Status: [{value: 1, label: "Accepted"}, {value: 2, label: "Requested"}, {value: 3, label: "Rejected"}]
.
Employees: (valores se obtienen de: https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/employees/simplified_active). En ese API, el ID es el "value" y el full_name es el "label".
.
Areas: (valores se obtienen de: https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_areas). En ese API, el ID es el "value" y el name es el "label".
.
Recursos:
- URL del API endpoint para hacer PUT de un nuevo beneficio:
PUT https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/{BENEFIT_ID}
- Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
- Solicitud de ejemplo del API:
{
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"type": 1,
"status": 1,
"education_area_id": "eb70fdb0-141c-4405-9fe1-59b2c24e5f27",
"description": "Updated description",
"budget": 300,
"currency": "USD",
"comments": "Comments updated",
"date": "2022-01-30"
}
Notas
- El currency por ahora siempre va a ser "USD"
- La imagen de debajo es para fines ilustrativos y para usar de guía. A nivel general, lo más importante es que el diseño de la tabla coincida con el diseño de la guía de diseño.