Talent Fest 2021 issueshttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues2022-01-20T14:06:49Zhttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/10As a L&D admin, I can filter the dashboard items by name2022-01-20T14:06:49ZRodrigo RodriguezAs a L&D admin, I can filter the dashboard items by nameComo encargado del área de L&D, puedo filtrar los elementos del dashboard escribiendo el nombre de la persona utilizando la opción de “search”.
Esta tarea únicamente afecta la visualización de la información en la tabla.
### User Story
**Como** encargado del área de L&D,
**Puedo** filtrar los elementos del dashboard escribiendo el nombre de la persona
**De modo que** pueda limitar la información que puedo visualizar
### Criterios de Aceptación
1. El filtro se debe de aplicar al escribir una palabra en el campo de Search
1. La tabla se filtra sin necesidad de hacer ningún llamado adicional al API
1. El texto digitado en el campo de búsqueda únicamente busca en la información del nombre del empleado. El resto de espacios de la tabla no pueden utilizarse para buscar información.
1. El filtrado se realiza luego que se ha digitado 3 caracteres
1. Al digitarse cualquier caracter aparece un botón de "clear" al lado de la barra de filtro para eliminar el filtro escrito
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)Como encargado del área de L&D, puedo filtrar los elementos del dashboard escribiendo el nombre de la persona utilizando la opción de “search”.
Esta tarea únicamente afecta la visualización de la información en la tabla.
### User Story
**Como** encargado del área de L&D,
**Puedo** filtrar los elementos del dashboard escribiendo el nombre de la persona
**De modo que** pueda limitar la información que puedo visualizar
### Criterios de Aceptación
1. El filtro se debe de aplicar al escribir una palabra en el campo de Search
1. La tabla se filtra sin necesidad de hacer ningún llamado adicional al API
1. El texto digitado en el campo de búsqueda únicamente busca en la información del nombre del empleado. El resto de espacios de la tabla no pueden utilizarse para buscar información.
1. El filtrado se realiza luego que se ha digitado 3 caracteres
1. Al digitarse cualquier caracter aparece un botón de "clear" al lado de la barra de filtro para eliminar el filtro escrito
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)Marlys RodriguezMarlys Rodriguezhttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/9As an L&D manager, I can see a chart in the dashboard to view data based on t...2022-01-20T14:04:22ZRodrigo RodriguezAs an L&D manager, I can see a chart in the dashboard to view data based on the total benefits granted to each department### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver un gráfico mostrando los gastos totales por departamento
**de modo que** pueda evaluar la totalidad de inversión en cada área
### Criterio de Aceptación
1. El gráfico toma la información mostrada en la tabla y a partir de hecho hace los cálculos correspondientes.
1. El gráfico está ubicado debajo de la sección de métricas (en esa misma columna)
1. El gráfico debe de ser de tipo "pastel", semejante al que se puede visualizar acá: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs.
1. En el gráfico hay que representar la suma de toda la inversión efectuada a personas en cada uno de las áreas. Para determinar que 2 areas son iguales, hay q asegurarse que su Nombre sea igual (ignorando espacios).
1. No hay una imagen de este gráfico, por lo que la aceptación será según el uso de la guía de diseño para la creación del gráfico.
1. Se debe de utilizar las librerías de **chartkick** & **chart.js**
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver un gráfico mostrando los gastos totales por departamento
**de modo que** pueda evaluar la totalidad de inversión en cada área
### Criterio de Aceptación
1. El gráfico toma la información mostrada en la tabla y a partir de hecho hace los cálculos correspondientes.
1. El gráfico está ubicado debajo de la sección de métricas (en esa misma columna)
1. El gráfico debe de ser de tipo "pastel", semejante al que se puede visualizar acá: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs.
1. En el gráfico hay que representar la suma de toda la inversión efectuada a personas en cada uno de las áreas. Para determinar que 2 areas son iguales, hay q asegurarse que su Nombre sea igual (ignorando espacios).
1. No hay una imagen de este gráfico, por lo que la aceptación será según el uso de la guía de diseño para la creación del gráfico.
1. Se debe de utilizar las librerías de **chartkick** & **chart.js**
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--graphs
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)Karen PovedaKaren Povedahttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/8As an L&D manager, I can see the metrics section in the dashboard to view dat...2022-01-20T16:49:56ZRodrigo RodriguezAs an L&D manager, I can see the metrics section in the dashboard to view data based on the total benefits granted### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver una sección de métricas según la información de las personas con beneficios
**de modo que** pueda entender el costo total hasta el momento
### Criterio de Aceptación
1. La sección de métricas toma la información mostrada en la tabla y a partir de eso hace los cálculos correspondientes.
1. El "Total Spend" es la suma de todos los gastos de los empleados que retorna el API para la solicitud
1. El "Average spend per GAPster", es el total de dinero invertido dividido entre las personas que están en el listado (promedio).
1. El "Total Benefits" es la suma de todos los beneficios otorgados a todos de los empleados que retorna el API para la solicitud
1. El "Average benefit per GAPster", es el total de beneficios otorgados dividido entre las personas que están en el listado (promedio).
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver una sección de métricas según la información de las personas con beneficios
**de modo que** pueda entender el costo total hasta el momento
### Criterio de Aceptación
1. La sección de métricas toma la información mostrada en la tabla y a partir de eso hace los cálculos correspondientes.
1. El "Total Spend" es la suma de todos los gastos de los empleados que retorna el API para la solicitud
1. El "Average spend per GAPster", es el total de dinero invertido dividido entre las personas que están en el listado (promedio).
1. El "Total Benefits" es la suma de todos los beneficios otorgados a todos de los empleados que retorna el API para la solicitud
1. El "Average benefit per GAPster", es el total de beneficios otorgados dividido entre las personas que están en el listado (promedio).
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Technology,Courses",
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)Xiomara CardenasXiomara Cardenashttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/7As a L&D manager, I can see a dashboard with a list of a summary with the edu...2022-01-19T18:06:24ZRodrigo RodriguezAs a L&D manager, I can see a dashboard with a list of a summary with the education benefits for a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver una tabla resumen con la información de las personas con beneficios educativos
**de modo que** pueda llevar tener mejor visibilidad a la hora de la toma de desición
### Criterio de Aceptación
1. Para acceder a este dashboard se utiliza la opción del menu principal "My dashboard"
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. Este listado NO tiene paginación
1. Los filtros y la sección de métricas no forma parte de este ticket
1. Si el URL de la foto de la persona no fuera válido, utilizar una imagen que les parezca util en vez de la imagen de la persona.
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Training,Courses"
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver una tabla resumen con la información de las personas con beneficios educativos
**de modo que** pueda llevar tener mejor visibilidad a la hora de la toma de desición
### Criterio de Aceptación
1. Para acceder a este dashboard se utiliza la opción del menu principal "My dashboard"
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. Este listado NO tiene paginación
1. Los filtros y la sección de métricas no forma parte de este ticket
1. Si el URL de la foto de la persona no fuera válido, utilizar una imagen que les parezca util en vez de la imagen de la persona.
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits/dashboard
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"employee": {
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez",
"email": "rrodriguez@growthaccelerationpartners.com",
"photo_url": "https://wearegap.bamboohr.com/employees/photos/?h=b77812e11572b9fa1af374d139126216"
},
"education_areas": "Training,Courses"
"total_expenses": 50.0,
"total_benefits": 2
}
]
}
```
### Notas
* 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.
![dashboard](/uploads/763efcea62493d6c40fe01bb3a86396b/dashboard.png)Marlys RodriguezMarlys Rodriguezhttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/6As a L&D manager, I can delete a education benefit assigned to a GAPster2022-01-19T17:52:23ZRodrigo RodriguezAs a L&D manager, I can delete a education benefit assigned to a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** eliminar un beneficio asignado
**de modo que** pueda limitar el registro de las inversiones realizadas
### Criterio de Aceptación
1. El botón está disponible en el listado de beneficios de educación.
1. Se debe de mostrar un modal de confirmación con 2 botones y el mensaje: "Are you sure you want to delete this Education Benefit?". En caso de presionar el botón de "cancel" o si se cierra el modal no se hace ningún cambio en la BD. En caso de que se presione el botón de "confirm" se efectúa el cambio hacia el API.
1. Una vez efectuada la transacción, el usuario debe de permanecer en el listado de beneficios pero con los valores actualizados.
### Recursos:
* URL del API endpoint para hacer Delete de un nuevo beneficio: `DELETE 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
### Notas
* 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 coincida con la guía de diseño.
![Modal de confirmación](/uploads/86467ed02d32d249f171c3ea10bbabf0/Screen_Shot_2022-01-06_at_21.44.50.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** eliminar un beneficio asignado
**de modo que** pueda limitar el registro de las inversiones realizadas
### Criterio de Aceptación
1. El botón está disponible en el listado de beneficios de educación.
1. Se debe de mostrar un modal de confirmación con 2 botones y el mensaje: "Are you sure you want to delete this Education Benefit?". En caso de presionar el botón de "cancel" o si se cierra el modal no se hace ningún cambio en la BD. En caso de que se presione el botón de "confirm" se efectúa el cambio hacia el API.
1. Una vez efectuada la transacción, el usuario debe de permanecer en el listado de beneficios pero con los valores actualizados.
### Recursos:
* URL del API endpoint para hacer Delete de un nuevo beneficio: `DELETE 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
### Notas
* 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 coincida con la guía de diseño.
![Modal de confirmación](/uploads/86467ed02d32d249f171c3ea10bbabf0/Screen_Shot_2022-01-06_at_21.44.50.png)Karen PovedaKaren Povedahttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/5As a L&D manager, I can update a education benefit assigned to a GAPster2022-01-20T17:12:55ZRodrigo RodriguezAs 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
1. El formulario debe de permitir salvar satisfactoriamente la información utilizando el API correspondiente.
1. Los dropdowns de "Type" y "Status" tienen un listado predeterminado de opciones, mientras que "Area" & "Employee" obtiene sus opciones utilizando funciones del API.
1. Al presionar el botón de "Cancel", se retorna a la página del listado de Education Benefits.
1. 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".
1. No hay un límite de cantidad de letras para los espacios de Descripción y Additional Comments.
1. 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).
1. 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.
![Form](/uploads/0714a76c53af2e68f6074ad3a390158f/Form.png)### 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
1. El formulario debe de permitir salvar satisfactoriamente la información utilizando el API correspondiente.
1. Los dropdowns de "Type" y "Status" tienen un listado predeterminado de opciones, mientras que "Area" & "Employee" obtiene sus opciones utilizando funciones del API.
1. Al presionar el botón de "Cancel", se retorna a la página del listado de Education Benefits.
1. 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".
1. No hay un límite de cantidad de letras para los espacios de Descripción y Additional Comments.
1. 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).
1. 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.
![Form](/uploads/0714a76c53af2e68f6074ad3a390158f/Form.png)lu Valckelu Valckehttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/4As a L&D manager, I can create a new education benefit assigned to a GAPster2022-01-19T21:22:28ZRodrigo RodriguezAs a L&D manager, I can create a new education benefit assigned to a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** crear un nuevo beneficio asignado
**de modo que** pueda llevar registro de las inversiones realizadas
### Criterio de Aceptación
1. En el listado de Education Benefits, tiene que agregarse un botón para crear un nuevo beneficio
1. El formulario debe de permitir salvar satisfactoriamente la información utilizando el API correspondiente.
1. Los dropdowns de "Type" y "Status" tienen un listado predeterminado de opciones, mientras que "Area" & "Employee" obtiene sus opciones utilizando funciones del API.
1. Al presionar el botón de "Cancel", se retorna a la página del listado de Education Benefits.
1. 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".
1. No hay un límite de cantidad de letras para los espacios de Descripción y Additional Comments.
1. 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).
1. 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 post de un nuevo beneficion: POST https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* 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-14"
}
```
### 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.
![Form](/uploads/0714a76c53af2e68f6074ad3a390158f/Form.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** crear un nuevo beneficio asignado
**de modo que** pueda llevar registro de las inversiones realizadas
### Criterio de Aceptación
1. En el listado de Education Benefits, tiene que agregarse un botón para crear un nuevo beneficio
1. El formulario debe de permitir salvar satisfactoriamente la información utilizando el API correspondiente.
1. Los dropdowns de "Type" y "Status" tienen un listado predeterminado de opciones, mientras que "Area" & "Employee" obtiene sus opciones utilizando funciones del API.
1. Al presionar el botón de "Cancel", se retorna a la página del listado de Education Benefits.
1. 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".
1. No hay un límite de cantidad de letras para los espacios de Descripción y Additional Comments.
1. 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).
1. 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 post de un nuevo beneficion: POST https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* 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-14"
}
```
### 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.
![Form](/uploads/0714a76c53af2e68f6074ad3a390158f/Form.png)lu Valckelu Valckehttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/3As a L&D manager, I can sort the list of all the education benefits assigned ...2022-01-19T17:51:57ZRodrigo RodriguezAs a L&D manager, I can sort the list of all the education benefits assigned to a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ordenar la tabla de lista de beneficios asignados por cualquier columna
**de modo que** pueda encontrar más fácilmente la información
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo (no hace nada por ahora).
1. La paginación ni el filtrado de la información no forma parte de esta tarea
1. El ordenamiento de la información se debe de efectuar en el frontend pues el API no realiza ninguna operación como esta.
1. Se debe de poder ordenar por cualquier columna, en todos los casos se ordena alfabéticamente de forma ascendente(A-Z) al dar otro click se ordena descendentemente Z-A y si se da click de nuevo, se retorna al ordenamiento por defecto (por nombre, alfabéticamente).
1. Solamente se puede tener activo un ordenamiento a la vez.
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/77d0900030160bb84f87f9862d96403c/List.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ordenar la tabla de lista de beneficios asignados por cualquier columna
**de modo que** pueda encontrar más fácilmente la información
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo (no hace nada por ahora).
1. La paginación ni el filtrado de la información no forma parte de esta tarea
1. El ordenamiento de la información se debe de efectuar en el frontend pues el API no realiza ninguna operación como esta.
1. Se debe de poder ordenar por cualquier columna, en todos los casos se ordena alfabéticamente de forma ascendente(A-Z) al dar otro click se ordena descendentemente Z-A y si se da click de nuevo, se retorna al ordenamiento por defecto (por nombre, alfabéticamente).
1. Solamente se puede tener activo un ordenamiento a la vez.
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/77d0900030160bb84f87f9862d96403c/List.png)Lorena MarroquinLorena Marroquinhttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/2As a L&D manager, I can filter information in the list of all the education b...2022-01-20T14:26:00ZRodrigo RodriguezAs a L&D manager, I can filter information in the list of all the education benefits assigned to a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**quiero** filtrar el listado de todos los beneficios otorgados a GAPsters
**de modo que** pueda encontrar la información específica de una persona o departamento
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo (no hace nada por ahora).
1. La paginación de la información no forma parte de esta tarea
1. El filtrado de la información se tiene que hacer en el frontend pues el endpoint no efectua ninguna accion semejante (solo retorna toda la información encontrada)
1. El texto digitado en el campo de búsqueda únicamente busca en la información del departamento (también llamado área) y en el nombre de la persona. El resto de espacios de la tabla no pueden utilizarse para buscar información.
1. El filtrado se realiza luego que se ha digitado 3 caracteres
1. Al digitarse cualquier caracter aparece un botón de "clear" al lado de la barra de filtro para eliminar el filtro escrito
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/2cc777570c422fbc6c506c43eef39fe6/List.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**quiero** filtrar el listado de todos los beneficios otorgados a GAPsters
**de modo que** pueda encontrar la información específica de una persona o departamento
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo (no hace nada por ahora).
1. La paginación de la información no forma parte de esta tarea
1. El filtrado de la información se tiene que hacer en el frontend pues el endpoint no efectua ninguna accion semejante (solo retorna toda la información encontrada)
1. El texto digitado en el campo de búsqueda únicamente busca en la información del departamento (también llamado área) y en el nombre de la persona. El resto de espacios de la tabla no pueden utilizarse para buscar información.
1. El filtrado se realiza luego que se ha digitado 3 caracteres
1. Al digitarse cualquier caracter aparece un botón de "clear" al lado de la barra de filtro para eliminar el filtro escrito
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/2cc777570c422fbc6c506c43eef39fe6/List.png)Lorena MarroquinLorena Marroquinhttps://gitlab.wearegap.com/laboratoria/talent-fest-2021/-/issues/1As a L&D manager, I can see the list of all the education benefits assigned t...2022-01-19T17:51:20ZRodrigo RodriguezAs a L&D manager, I can see the list of all the education benefits assigned to a GAPster### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver la lista de beneficios asignados.
**de modo que** pueda visualizar toda la información disponible
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo.
1. La paginación de la información no forma parte de esta tarea
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/77d0900030160bb84f87f9862d96403c/List.png)### Historia de Usuario
**Como** Encargado del área de L&D,
**puedo** ver la lista de beneficios asignados.
**de modo que** pueda visualizar toda la información disponible
### Criterio de Aceptación
1. Se debe de mostrar la información de la lista con el orden y el filtrado según lo que retorna el API
1. La tabla no realiza ninguna acción al darle click o similar
1. En cada línea de la tabla hay un botón para editar y/o borrar un registro nuevo.
1. La paginación de la información no forma parte de esta tarea
### Recursos:
* URL del API endpoint para la lista de beneficios otorgados: GET https://up0tbmtu7h.execute-api.us-east-1.amazonaws.com/Prod/api/1/education_benefits
* Guía de diseño: http://products-style-guide.s3-website-us-east-1.amazonaws.com/?path=/story/style-guide--forms
* Respuesta de ejemplo del API:
```
{
"data":[
{
"id": "8d346337-1e14-4b23-8752-f4a2c6b03ee2",
"status": 1,
"type": 1,
"employee_id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"updated_at": "2022-01-11T20:12:04.806222+00:00",
"created_at": "2022-01-11T20:12:04.806222+00:00",
"education_area_id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"currency": "USD",
"employee": {
"email": "rrodriguez@growthaccelerationpartners.com",
"id": "828b925e-e96a-4b93-9128-c260950c7b2b",
"full_name": "Rodrigo Rodriguez Ramirez"
},
"comments": "Comments updated",
"description": "Updated description",
"date": "2021-01-30",
"budget": 300.0,
"education_area": {
"id": "d747e78c-ba1b-46a1-8d14-057394d94b5d",
"name": "certifications"
}
}
]
}
```
### Notas
* 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.
![List](/uploads/77d0900030160bb84f87f9862d96403c/List.png)Lorena MarroquinLorena Marroquin