BBCode Progress Bars by MiniFLAR

Ralkage

MiniFLAR BBCode Progress Bars

A Flarum extension. Embed progress bars inside Flarum posts using BBCode.

A revival of 0E800's BBCode Progress Bar Extension.

Installation

This will also install flarum/bbcode as it relies on it.

Install with composer:

composer require miniflar/bbcode-progress-bars:"*"

Usage

[PBAR]Title,ProgressText,BorderColor,ProgressColor,LittleColor,BorderSize,Progress%,BorderRadius,BottomMargin[/PBAR]

Examples

[PBAR]Total,70% Complete,black,red,pink,1,70,5,40[/PBAR]

[PBAR]Front-end,30% Complete,black,blue,teal,1,30,10,80[/PBAR]

[PBAR]Back-end,40% Complete,black,black,gray,1,40,20,0[/PBAR]

Screenshots

Forum Example

BBCode Progress Bars

Links

Original discussion about this extension's revival can be found here.

An extension by miniFLAR.

Hari

Ralkage revived it ✅ @Justoverclock

Sir, Since you thought of working on it I had to mention you to alert. 🙂

AowVN

Ralkage great work! and thank you a lot 😆
there are so many cool guys in flarum

Kylo

Ralkage This will also install flarum/bbcode as it relies on it.

Hmmmm this might not be needed, IIRC bbcode extension adds some tags from TextFormatter's repository - doesn't perform any actions to 'activate' bbcodes.

AowVN

Ralkage hi, I have problem with the progress bar automatically creating a scrollbar (inside a browser scrollbar) is there any way to fix it? ( This is only can see on mobile ) . And text overflow also occurs when the progress bar is scaled too low

Ralkage

Hari no worries, I made sure to at least mention him here 😂

Justoverclock

Ralkage lol, I just woke up (8 am here) so it’s ok 😂.

Great work!

Ralkage

Kylo protip: don't work on extensions after midnight and especially after a long day of work 😂 just realized what you said and even saw it here https://github.com/flarum/bbcode/blob/master/extend.php 😔 thanks for the heads up 🙏

Edit: Ffuser1 unfortunately not at this time 🙁 I am considering setting up a demo forum with some of my extensions in the near future if that's what people would like 🙂

Ralkage

1.0.1 😓

Removed BBCode extension requirement as BBCodes depend on s9e\TextFormatter which already gets installed with flarum/core. A big shout out to Kylo for informing me 🙂(did I mention how much I love our community? 😊)

Updating

composer update miniflar/bbcode-progress-bars:"*"
php flarum cache:clear

Darkle

Kylo A question about this, does TextFormatter have all the bbcodes that can be used (even if they are not active in Flarum by default)?

If so, wouldn't it be possible to create an extension to enable any bbcodes like progress bars, stars, spoilers, tabs... all in one extension instead of many?

Ffuser1

Any link to any real discussion using this extension?

AowVN

Ffuser1 you can see a live demo here : https://forum.aowvn.org/d/139-huong-dan-tao-thanh-bao-tien-do-tren-forum ( can use hex color for more colors )

Ralkage

Darkle A question about this, does TextFormatter have all the bbcodes that can be used (even if they are not active in Flarum by default)?

flarum/bbcode adds BBCodes from the TextFormatter bundled repository. While flarum/bbcode doesn't add all of these, nothing would stop you from adding rest from that repository in your own extension 🙂 though, a PR to add the rest to the flarum/bbcode package would be ideal in my eyes 😉

Darkle If so, wouldn't it be possible to create an extension to enable any bbcodes like progress bars, stars, spoilers, tabs... all in one extension instead of many?

It's possible and generally speaking, extension developers add their own custom BBCodes that aren't available from the TextFormatter BBCode bundle. So if you wanted to go all out and do something like 010101's Big Beautiful BBcodes, you can add as much custom BBCode's as your heart desires ♥

Kylo

Darkle the difference is in their definitions. TextFormatter has its own bbcode repository which includes pre-defined bbcodes just to make things easier (see that repository here). You can make an extension that adds all of this pre-defined bbcodes (this is how the flarum/bbcode extension works - it only adds couple of pre-defined bbcodes from TextFormatter's repository). But if you will to use custom tag which doesn't exist in this "repository" (like the "PBAR" tag here), you must define it so the TextFormatter will know what to do with your custom tag.

Darkle

Ralkage Kylo Thanks so much guys for the wealth of information, it's much appreciated, the Flarum community being the best! 😁

010101

Ralkage So if you wanted to go all out and do something like 010101's Big Beautiful BBcodes, you can add as much custom BBCode's as your heart desires ♥

Ah yes, BBBBcode. Those were the days. Yeah folks, if I can make custom BBCode, anyone can. So, just fork a Flarum BBCode extension and make whatever. Unless, you have zero HTML/JavaScript/CSS experience. Then I guess it’s a little challenging. Because you have to know for example, how to make a progress bar. Or, how to make a spoiler. Or, whatever you’re trying to turn into a BBCode.

wolfshards

Can we have a visual button with settings of the bar soon?

Ralkage

wolfshards you mean providing visual guidance without having to memorize what to put for each option?

AowVN I'll take a look at this soon 🙂 dreaded mobile 😞

HD3D thanks bro!

HD3D

Ralkage Amazing

wolfshards

Ralkage I said adding a button to add and put a custom progress bar. Just look like every WYSIWYG editors.