Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Improve datatable display of volunteers on `/supervisors` page

Abierto
#5,774 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 18 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
35/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend, web-dev

Línea de trabajo

Comienza inspeccionando app/javascript/src/dashboard.js alrededor de la línea 342 y la implementación de la datatable de /supervisors. Reproduce la página usando las credenciales de QA y, a continuación, verifica que los elementos de la tabla escalen correctamente, sigan siendo utilizables cuando el contenido sea ancho y muestren datos de edad de transición en el diseño revisado de información de voluntarios.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Difficulty: Advanced no-issue-activity

What type(s) of User Does This Feature Affect?

  • supervisors
  • admins

Description

We currently have the follow page for supervisors to look at their volunteers (/supervisors):

Image

We would like to make some small-ish improvements to it.

Goals

As you can see in the screenshot 16 is shorter than 13. This is because the page makes calls to dynamically generated CSS classes https://github.com/rubyforgood/casa/blob/8ce3a077129515cad15a87bc2170f189428e70f4/app/javascript/src/dashboard.js#L342. Those classes aren't always built (or maybe they got minified out). Regardless, using classes like that isn't a good idea.

Count of Transition Age youth does not belong in the "Volunteer Info" column. Lets combine this information with volunteer information instead. Maybe something like:

Image

or the two rows could be overlaid on each other.

Completion Criteria
  • Make the table elements scale correctly
  • Consider what do to do if the element if large enough that it would go off the page
  • Change the transition aged data to overlay the volunteer data or be on another row

How to Access the QA Site

Login Details:
Link to QA site

Login Emails:

password for all users: 12345678

Questions? Join Slack!

We highly recommend that you join us in slack #casa channel to ask questions quickly. And discord for office hours (currently Tuesday 5-7pm Pacific), stakeholder news, and upcoming new issues.

Lenguaje dominante
Ruby
Estrellas
382
Forks
546
Merge medio
12 d 12 h
PR fusionados (30 d)
17

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de rubyforgood/casa

Todos los issues de rubyforgood/casa

Issues similares

Más issues de Ruby

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.