Add ability to jump to a section/chart in the dashboard

Offen
#90 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 6 Tagen

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
45/100
Issue-Typ
Feature
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
javascript
Bereich
frontend

Rechercherichtung

Start at the /dashboard/hardware route and inspect how the dashboard renders the chart element with the plugins-metric-overview-2 id and handles URL hashes. Verify the behavior with the example hash URL; done means opening that URL loads the dashboard and automatically scrolls to the requested chart.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

needs requirements

I am looking at the /dashboard/hardware page, and find one of the charts pretty interesting. There doesn't seem to be a way for me to copy an exact link to that chart and send it to a friend. By trolling the DOM, I can see we have a <div id="plugins-metric-overview-2">...</div> element that has an id of "plugin-metric-overview-2" on it. So, in theory, I could just jump to that section immediately by using the following URL:

https://moz-ensemble.herokuapp.com/dashboard/hardware#plugins-metric-overview-2

Oddly, that doesn't work. Not sure if it's something to do with our router. Or maybe fact the page is trying to jump down to a section before React has fully rendered all of the DOM out. Regardless, the page does a reload when I add a hash to the URL, and the page doesn't auto-scroll to my desired fascinating chart.

Vorherrschende Sprache
JavaScript
Sterne
21
Forks
7
Ø Merge
6 T. 3 Std.
Gemergte PRs (30 T.)
8

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus mozilla/ensemble

Alle Issues in mozilla/ensemble

Ähnliche Issues

Weitere Issues zu JavaScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.