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

Abierto
#90 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 6 días

Nadie ha tomado este issue todavía.

Evaluación

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

Línea de trabajo

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.

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

Descripción

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.

Lenguaje dominante
JavaScript
Estrellas
21
Forks
7
Merge medio
6 d 3 h
PR fusionados (30 d)
8

Preparar el entorno

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 mozilla/ensemble

Todos los issues de mozilla/ensemble

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.