Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • T Talent Fest 2021
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Container Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Create a new issue
  • Issue Boards
Collapse sidebar
  • laboratoria
  • Talent Fest 2021
  • Issues
  • #9

Closed
Open
Created Jan 07, 2022 by Rodrigo Rodriguez@rrodriguezOwner

As 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.
  2. El gráfico está ubicado debajo de la sección de métricas (en esa misma columna)
  3. 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.
  4. 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).
  5. 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.
  6. 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

Edited Jan 18, 2022 by Rodrigo Rodriguez
Assignee
Assign to
Time tracking