Botões para rolar para o topo/baixo dos tópicos

Background

Navegar pelo meu fórum exige muitos saltos entre o topo e a parte inferior dos tópicos. Este componente de tema facilita isso, colocando botões de salto visíveis nas páginas de tópicos.

Como instalar

|||
|-|-|-|
| :information_source: | Resumo | Adiciona botões que permitem saltar eficientemente para o início/fim dos tópicos.
| :hammer_and_wrench:|Repositório| GitHub - ScottMastro/discourse-jump-buttons |
| :question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| :open_book:|Novo em Temas do Discourse?| Guia para iniciantes sobre como usar Temas do Discourse

O que faz

Os botões são colocados em três locais diferentes e podem ser tornados visíveis/invisíveis alternando as configurações correspondentes. Problemas ou relatórios de bugs são bem-vindos.

Botões de linha do tempo ativados:

Isso é um pouco redundante com o clique nas datas no topo/inferior da linha do tempo, mas, na minha experiência, esse recurso é em grande parte desconhecido pelos usuários sem lhes dizer explicitamente.


Botão de salto ativado:

Adiciona um botão “Saltar” na parte inferior da página para levá-lo de volta ao topo. O texto e as informações de sobreposição do botão podem ser alterados nas configurações do componente


Botões móveis ativados:

Sempre visível ao navegar em um tópico em um dispositivo móvel


11 curtidas

talvez fique mais bonito se movermos esses dois botões para a esquerda/direita dos carimbos de data/hora na barra deslizante de tempo?

1 curtida

pessoalmente desta forma.. acho que os consumidores ficarão confusos com isso dessa forma, pois pensarão que é um botão de rolagem em vez de um botão “Saltar”, que é para o que se destina..

1 curtida

ou desta forma, haha,
parece que isso o torna muito lotado

esta é uma questão interessante de design, como fazer os usuários perceberem as funções sem tornar a interface muito agitada :slight_smile:

1 curtida

Gosto da aparência dos botões deste componente na forma como estão dispostos por padrão. Talvez alguém possa fazer um fork do repositório e fazer suas próprias alterações ou um PR?

Também é uma boa ideia ter sua própria cópia do guia de elementos básicos de interface para indicar aos seus usuários. Acredito que o guia precisa de mais detalhes e espero que isso aconteça. :slight_smile:

A rolagem da linha do tempo deve ter mais detalhes sobre a funcionalidade. Há algumas informações no guia do usuário, mas esses documentos poderiam ser melhor vinculados com mais detalhes.

Eu geralmente digo aos meus usuários que quase tudo na interface do Discourse é clicável. :grin:

sim, também gosto do padrão.

adicionar botões deixa a interface muito carregada…
mas os usuários também não deveriam ler um manual primeiro, haha.

1 curtida

Ah, eu percebo isso, eu só gosto de ter uma referência para apontar quando eles perguntam. E também a pesquisa será capaz de encontrá-lo em seu fórum local se você tiver guias postados em uma categoria de help desk, por exemplo.

Estou recebendo este aviso no console do desenvolvedor, relacionado a esta mudança recente

[TEMA 17 ‘discourse-scroll-buttons’] Aviso de depreciação: Importar getOwner de discourse-common/lib/get-owner está obsoleto. Use import { getOwner } from '@ember/application', ou se você ainda precisar do fallback shim, use import { getOwnerWithFallback } from 'discourse-common/lib/get-owner';. [obsoleto desde o Discourse 3.2] [id de depreciação: discourse.get-owner-with-fallback]

Alguma chance de uma atualização? É um componente muito útil para visualização em dispositivos móveis.

1 curtida

Deve ter sido corrigido. Substituí esta linha

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

por esta

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

Seguindo o código de exemplo daqui Get Category Name using JS - #2 by awesomerobot

Fico feliz que você ache útil!

2 curtidas

Não sei se é só no meu site ou o quê, mas o botão para baixo parou de fazer qualquer coisa (não tenho certeza quando parou, há pelo menos algumas semanas). O de baixo ainda funciona normalmente.

Desktop ou mobile? Não há problemas da minha parte.

Ok, atualizei o Discourse hoje e entendi o que você quis dizer. Parece que a alteração abaixo o quebrou, porque jumpTop requer que o evento de clique seja passado.

Fiz alterações no componente de tema. Funciona para mim agora, espero que resolva para você também.


2 curtidas

A atualização mais recente do Discourse marcou isso e o desabilitou. Há alguma chance de uma atualização ser feita?

1 curtida

Obrigado pelo relatório. Acabei de enviar uma correção, me avise se o problema persistir!

1 curtida

O botão para baixo (seta para baixo) no celular deste plugin está quebrado no Safari do iPhone. Espero que seja corrigido na nova versão de atualização.

Você tem a versão mais recente? essa é a regressão que corrigi há 6 dias

Eu atualizei para a versão mais recente!

Você atualizou e agora funciona? Ou você atualizou e ainda tem o problema da seta para baixo?

Atualizei estes componentes para a versão mais recente e testei novamente no meu iPhone usando o navegador Safari anônimo, mas a Seta para Baixo ainda não funciona.

Ok, tive tempo para olhar. Parece que não atualizei a função móvel (achei que tinha).\n\nA versão atual deve funcionar, espero. Me avise se o problema persistir!

2 curtidas