Consigli o suggerimenti sulle funzionalità per un componente tema della barra di avanzamento in tempo reale

Ciao a tutti!

Sto lavorando a un prototipo di componente per la barra di avanzamento.
Lo scopo iniziale era avere una barra di avanzamento per le donazioni che gli utenti potessero vedere sul mio forum, poiché le spese del server sono pagate dai nostri utenti, tramite il mio account ko-fi.com.

Ogni volta che viene effettuata una donazione su ko-fi, ko-fi invia una richiesta a uno script PHP che ho creato, il quale a sua volta invia una richiesta a Discourse per aggiornare l’impostazione dell’importo corrente.

La parte dello script PHP non è direttamente correlata al componente e vorrei un componente che potesse essere utilizzato per molti altri scopi.

Non ho le conoscenze per creare un componente elaborato, ma penso che potrebbe interessare ad altre persone qui, quindi se vi vengono in mente funzionalità interessanti, o conoscete codice migliore del mio e pensate che possa essere reso migliore ed più efficiente, sentitevi liberi di partecipare :slight_smile:

Ecco come appare attualmente:

Il repository: GitHub - Canapin/Discourse-progress-bar: Adds a progress bar below Discourse's header that can serve various purposes.

Cosa possiamo fare:

  • Aggiunge HTML sopra o sotto la barra di avanzamento

  • Modifica la larghezza del componente e l’altezza della barra di avanzamento

  • La barra di avanzamento e i numeri sono impostati tramite CSS.
    I numeri utilizzano una proprietà CSS content perché non sapevo come aggiornarli in tempo reale altrimenti.

Cosa vorrei aggiungere:

  • Disabilita o nasconde automaticamente il componente quando l’importo viene raggiunto

  • Descrizioni per ogni impostazione

  • Ritengo che il codice non sia nello “stile di codifica di Discourse”. Non utilizza nulla di Discourse. Non intendo dire che dovrebbe, ma forse potrebbe esserci un modo più pulito per farlo, oltre a beneficiare dei metodi esistenti di Discourse per alcune funzionalità attuali o future.


Se siete interessati a un componente del genere, sentitevi liberi di condividere qualsiasi cosa abbiate da dire al riguardo :slight_smile:

4 Mi Piace

Come usare e installare il tuo componente?

Questa è un’ottima idea e una funzionalità che potrebbe funzionare molto bene in più applicazioni.

Le mie domande sono:

  • La barra di avanzamento può essere inserita in un post e in altre posizioni?
  • È possibile inserire più barre di avanzamento contemporaneamente per attività di raccolta fondi multiple?

In sostanza, quello che sembrate potenzialmente creare qui è una capacità interna di “go fund me” per qualsiasi installazione di discourse.

In teoria, potrebbe essere aperto anche ad altri utenti. Ad esempio, se un’istanza di discourse volesse gestire una categoria di tipo “raccogli fondi/il mio progetto”.

No.

No.

Probabilmente non lavorerò molto su questo componente del tema, forse cercherò solo di farlo funzionare ogni anno quando abiliterò le donazioni, motivo per cui non ho creato un argomento Theme component al riguardo.

Inoltre, penso che l’aggiornamento in tempo reale della barra di avanzamento non funzioni più. Non ho provato, ma:

Se un numero sufficiente di persone (o persone competenti) trova utile una barra di avanzamento, le incoraggio a creare un fork o un componente completamente nuovo con nuove funzionalità.

2 Mi Piace

Grazie per la rapida risposta. Avevo alcuni casi d’uso per questo se fosse stato più vicino all’essere pronto per il “prime time”. Sarebbe una bella funzionalità da avere.