Reports page: move export-button disable/re-enable into a Stimulus controller

Aperta Adatta ai principianti
  • Qualcosa non va?
#7,311 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
72/100
Tipo di issue
Refactoring
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, jquery, rails
Ambito
frontend

Direzione di ricerca

Inizia da app/javascript/src/reports.js, il listener globale del click che disabilita il pulsante di esportazione, imposta data-disable-with e lo riabilita dopo 3 secondi. Poi esamina i due pulsanti con .report-form-submit in app/views/reports/index.html.erb, intorno alle righe 42 e 125. È completato quando un controller Stimulus registrato in controllers/index.js gestisce entrambi i pulsanti, reports.js e il suo require sono eliminati, un test Jest in app/javascript/tests/ passa e bundle exec rspec spec/system/reports è verde. Commenta prima la issue per essere assegnato.

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

Descrizione

Difficulty: Easy Good First Issue Help Wanted javascript

What

On /reports, the export buttons have .report-form-submit. app/javascript/src/reports.js (plain JS, a global click listener) disables the button, swaps its text to data-disable-with, submits, and re-enables it after 3 seconds. That last step matters because the download doesn't reload the page. Turn this into a small Stimulus controller.

Checklist

  • Add app/javascript/controllers/report_submit_controller.js (or a better name) with the same behavior, and register it in controllers/index.js
  • Wire both buttons in app/views/reports/index.html.erb (lines ~42 and ~125)
  • Delete app/javascript/src/reports.js and its require
  • Add a Jest test in app/javascript/__tests__/
  • bundle exec rspec spec/system/reports passes

Before you start

  • Comment here to be assigned. Setup is bin/setup, then bin/dev. Logins are in the README.
  • JS tests: npm run test. Lint: bin/lint.
  • Part of #7301 (removing jQuery). Keep this PR to just this file.
Lingua principale
Ruby
Stelle
382
Fork
547
Merge medio
2g 22h
PR unite (30g)
46

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.