Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Improve datatable display of volunteers on `/supervisors` page

Aperta
  • Qualcosa non va?
#5,774 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript
Ambito
frontend, web-dev

Direzione di ricerca

Inizia esaminando app/javascript/src/dashboard.js intorno alla riga 342 e l’implementazione della datatable di /supervisors. Riproduci la pagina usando le credenziali QA, quindi verifica che gli elementi della tabella si ridimensionino correttamente, rimangano utilizzabili quando il contenuto è ampio e visualizzino i dati sull’età di transizione nel layout rivisto delle informazioni sui volontari.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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.

Lingua principale
Ruby
Stelle
382
Fork
546
Merge medio
3g 5h
PR unite (30g)
9

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di rubyforgood/casa

Tutte le issue di rubyforgood/casa

Issue simili

Altre issue su Ruby

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.