I’m working on a progress bar theme component prototype.
The initial purpose was to have a donations progress bar for users to see on my forum since the servers’ fees are paid by our users, via my ko-fi.com account.
Each time a ko-fi donation is made, ko-fi sends a request to a PHP script I made, which triggers a request to Discourse to update the current amount setting.
The PHP script part isn’t directly related to the component, and I’d like a component that could be used for many other purposes.
I don’t have the knowledge to create an elaborate component, but I think it could interest some other people here, so if you think of interesting features, or know code better than me and think could be made better and more efficient, feel free to participate
Change the component width and progress bar height
The progress bar as well as the numbers are set via CSS.
Numbers use a content CSS property because I didn’t know how to update them in real time otherwise.
What I’d like to add:
Automatically disable or hide the component when the amount is reached
Descriptions for each setting
I feel the code isn’t “Discourse coding style”. It doesn’t use anything from Discourse. I don’t mean it should, but maybe it could be a cleaner way to do it as well as benefit from Discourse’s existing methods for some current or future features.
If you’re interested in such a component, please feel free to share whatever you have to say about it
I probably won’t work much on this theme component, perhaps just trying to have it working each year when I enable donations, which is why I didn’t create a Theme component topic about it.
Plus, I think the real-time update of the progress bar doesn’t work anymore. I didn’t try, but:
If enough (or knowledgeable) people find a progress bar useful, I encourage them to create a fork or a whole new component with new features.
