Sugestões de dicas ou recursos para um componente de tema de barra de progresso em tempo real

Olá a todos!

Estou trabalhando em um protótipo de componente de barra de progresso.

O propósito inicial era ter uma barra de progresso de doações para os usuários verem em meu fórum, já que as taxas dos servidores são pagas por nossos usuários, através da minha conta ko-fi.com.

Cada vez que uma doação é feita no ko-fi, ele envia uma requisição para um script PHP que fiz, o qual dispara uma requisição para o Discourse para atualizar a configuração do valor atual.

A parte do script PHP não está diretamente relacionada ao componente, e eu gostaria de um componente que pudesse ser usado para muitos outros propósitos.

Não tenho o conhecimento para criar um componente elaborado, mas acho que poderia interessar a outras pessoas aqui, então se você pensar em recursos interessantes, ou conhecer código melhor do que eu e achar que poderia ser feito de forma melhor e mais eficiente, sinta-se à vontade para participar :slight_smile:

É assim que está atualmente:

O repositório: GitHub - Canapin/Discourse-progress-bar: Adds a progress bar below Discourse's header that can serve various purposes.

O que podemos fazer:

  • Adiciona HTML acima ou abaixo da barra de progresso

  • Altera a largura do componente e a altura da barra de progresso

  • A barra de progresso, bem como os números, são definidos via CSS.
    Os números usam uma propriedade CSS content porque eu não sabia como atualizá-los em tempo real de outra forma.

O que eu gostaria de adicionar:

  • Desabilitar ou ocultar automaticamente o componente quando o valor for atingido

  • Descrições para cada configuração

  • Sinto que o código não está no “estilo de codificação do Discourse”. Não usa nada do Discourse. Não quero dizer que deveria, mas talvez pudesse ser uma maneira mais limpa de fazer isso, bem como se beneficiar dos métodos existentes do Discourse para alguns recursos atuais ou futuros.


Se você estiver interessado em tal componente, sinta-se à vontade para compartilhar o que tiver a dizer sobre ele :slight_smile:

4 curtidas

Como usar e instalar seu componente?

Esta é uma ótima ideia e um recurso que pode funcionar muito bem em vários aplicativos.

Minhas perguntas são:

  • A barra de progresso pode ser colocada em uma postagem e em outros locais?
  • Múltiplas barras de progresso podem ser colocadas de uma vez para atividades de arrecadação de fundos múltiplas?

Essencialmente, o que você parece estar potencialmente criando aqui é uma capacidade interna de “go fund me” para qualquer instalação do Discourse.

Em teoria, também poderia ser aberto a outros usuários. Digamos que uma instância do Discourse quisesse executar uma categoria do tipo “arrecade fundos/meu projeto”.

Não.

Não.

Provavelmente não vou trabalhar muito neste componente de tema, talvez apenas tentando fazê-lo funcionar a cada ano quando eu habilitar as doações, que é por isso que não criei um tópico Theme component sobre ele.

Além disso, acho que a atualização em tempo real da barra de progresso não funciona mais. Não tentei, mas:

Se pessoas suficientes (ou experientes) acharem uma barra de progresso útil, eu as encorajo a criar um fork ou um componente totalmente novo com novos recursos.

2 curtidas

Obrigado pela rápida resposta. Eu tinha alguns casos de uso para isso se estivesse mais perto de estar pronto para uso geral. Seria um recurso interessante de ter.