avo-hq/avo

Add Calendar Filter for Flexible Date Selection in Dashboards

Aperta

#3298 aperta il 2 ott 2024

Vedi su GitHubGuida contributor
 (19 commenti) (1 reazione) (0 assegnatari)Ruby (308 fork)user submission
Help wantedHigh Impact

Metriche repository

Star
 (1778 stelle)
Metriche merge PR
 (Merge medio 1g 6h) (67 PR mergiate in 30 g)

Descrizione

Feature

Replace or supplement the existing static filters with a calendar-based filter that allows users to:

  • Choose custom start and end dates.
  • Provide more granular control over the data displayed in the dashboard analytics.

Users may want to filter data for a specific event period or to compare performance between specific custom date ranges (e.g., a custom date filter for an entire month rather than just predefined "30 days").

Current workarounds

Currently, the dashboard (specifically in the Orders Analytics section) provides static filters for date ranges like "7 days", "30 days", "60 days", etc. (as shown in the attached screenshot). To improve flexibility and user experience, we request the addition of a calendar filter that allows users to select custom date ranges rather than predefined static filters.

Screenshots or screen recordings

Screenshot from 2024-10-02 15-01-47

Additional context

Please consider adding this calendar-based filter to all sections of the dashboards where static date filters are currently available.

Guida contributor

Direzione di ricerca
Inizia leggendo i 19 commenti su questo issue per comprendere eventuali vincoli o preferenze di progettazione. Individua il filtro data statico esistente nella sezione Orders Analytics (probabilmente in app/components o app/views/dashboards). Rivedi la documentazione di Avo per i filtri personalizzati e considera l'uso di un selettore di date JavaScript come flatpickr. L'implementazione dovrebbe sostituire o integrare i filtri statici con un selettore basato su calendario, integrato con i parametri di query del filtro corrente. Esamina componenti filtro simili nella codebase per una guida sui pattern.
Tech stack
rubyjavascript
Dominio
frontendfull stack
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
Ruby on RailsJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65