Botones para desplazarse hacia arriba/abajo de los temas

Antecedentes

Navegar por mi foro requiere muchos saltos entre la parte superior e inferior de los temas. Este componente temático lo facilita colocando botones de salto visibles en las páginas de temas.

Cómo instalar

|||
|-|-|-|
| :information_source: | Resumen | Añade botones que permiten saltar eficientemente al principio/final de los temas.
| :hammer_and_wrench:|Repositorio| GitHub - ScottMastro/discourse-jump-buttons |
| :question:|Guía de instalación|Cómo instalar un tema o componente temático|
| :open_book:|¿Nuevo en los temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse

Lo que hace

Los botones se colocan en tres lugares diferentes y se pueden hacer visibles/invisibles activando/desactivando la configuración correspondiente. Se aceptan problemas o informes de errores.

Botones de línea de tiempo habilitados:

Esto es ligeramente redundante con hacer clic en las fechas en la parte superior/inferior de la línea de tiempo, pero en mi experiencia, la mayoría de los usuarios desconocen esta función sin que se les diga explícitamente.


Botón de salto habilitado:

Añade un botón “Saltar” en la parte inferior de la página para volver al principio. El texto y la información al pasar el ratón sobre el botón se pueden cambiar en la configuración del componente.


Botones móviles habilitados:

Siempre visible al navegar por un tema en un dispositivo móvil.


11 Me gusta

¿Podría verse mejor si moviera estos dos botones a la izquierda/derecha de las marcas de tiempo en el control deslizante de tiempo?

1 me gusta

personalmente de esta manera… creo que los consumidores se confundirán al ser de esta manera, ya que pensarán que es un botón de desplazamiento más que un botón de “Salto”, que es para lo que está destinado.

1 me gusta

o de esta manera, jaja,
parece que esto lo hace demasiado abarrotado

esta es una pregunta de diseño interesante, ¿cómo hacer que los usuarios se den cuenta de las funciones sin que la interfaz de usuario esté demasiado ocupada :slight_smile:

1 me gusta

Me gusta cómo se ven los botones de este componente en la forma predeterminada en que están organizados. ¿Quizás uno podría bifurcar el repositorio y hacer sus propios cambios o hacer una PR?

También es una buena idea tener su propia copia de la guía de elementos básicos de la interfaz para remitir a sus usuarios. Creo que la guía necesita más detalles y espero que esto suceda. :slight_smile:

El desplazamiento de la línea de tiempo debería tener más detalles sobre la funcionalidad. Hay un poco de información en la guía del usuario, pero estos documentos podrían estar mejor enlazados con más detalles.

Normalmente solo les digo a mis usuarios que casi todo en la interfaz de usuario de Discourse es clicable. :grin:

sí, también me gusta el predeterminado.

agregar botones hace que la interfaz de usuario esté demasiado ocupada…
pero los usuarios tampoco deberían leer un manual primero, jaja.

1 me gusta

Oh, me doy cuenta de eso, solo me gusta tener una referencia a la que señalar cuando preguntan. Y también la búsqueda podrá encontrarlo en tu foro local si tienes guías publicadas en una categoría de mesa de ayuda, por ejemplo.

Recibo este aviso en la consola del desarrollador, relacionado con este cambio reciente

[THEME 17 ‘discourse-scroll-buttons’] Aviso de depreciación: Importar getOwner desde discourse-common/lib/get-owner está obsoleto. Usa import { getOwner } from '@ember/application', o si todavía necesitas el shim de respaldo, usa import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [obsoleto desde Discourse 3.2] [id de depreciación: discourse.get-owner-with-fallback]

¿Hay alguna posibilidad de una actualización? Es un componente muy útil para la vista móvil.

1 me gusta

Debería estar arreglado. Reemplacé esta línea

const topicController = getOwner(this).lookup("controller:topic");

con esta

const container = Discourse.__container__;
const topicController = container.lookup('controller:topic');

Siguiendo el código de ejemplo de aquí Get Category Name using JS - #2 by awesomerobot

¡Me alegra que te resulte útil!

2 Me gusta

No sé si es solo mi sitio o qué, pero el botón de bajar ha dejado de hacer nada (no estoy seguro de cuándo dejó de funcionar, al menos un par de semanas). El de abajo todavía funciona normalmente.

¿Escritorio o móvil? No hay problemas de mi parte.

Ok, actualicé Discourse hoy y veo a qué te refieres. Parece que este cambio a continuación lo rompió, porque jumpTop requiere que se pase el evento click.

Hice cambios en el componente del tema. Ahora funciona para mí, espero que también te sirva a ti.


2 Me gusta

La última actualización de Discourse marcó esto y lo deshabilitó. ¿Hay alguna posibilidad de que se realice una actualización?

1 me gusta

Gracias por el informe. Acabo de implementar una solución, ¡avísame si el problema persiste!

1 me gusta

El botón de bajar (flecha hacia abajo) en el móvil de este plugin no funciona en Safari de iPhone. Espero que se solucione en la nueva versión de actualización.

¿Tienes la versión más reciente? esa es la regresión que arreglé hace 6 días

¡He actualizado la última versión!

¿Actualizaste y ahora funciona? ¿O actualizaste y sigues teniendo el problema de la flecha hacia abajo?

Actualicé estos componentes a la última versión y volví a probar en mi iPhone usando el navegador Safari en modo incógnito, pero la flecha hacia abajo sigue sin funcionar.

Ok, tuve tiempo de mirar. Parece que no actualicé la función móvil (pensé que sí).

La versión actual debería funcionar, espero. ¡Avísame si el problema persiste!

2 Me gusta