Forum Home Enhancements - Forum Goals with Animated Progress Bar for VB 4.x

This mod will display an animated progress bar on your forum index (FORUMHOME) showing your progress as your forum approaches a "goal" you set, (number of posts, number of threads, or number of members.)


NEW IN VERSION 1.92!
Added two new options allowing you to limit this mod to certain usergroups if you so choose.

NEW IN VERSION 1.9!
One more bug with commas in long numbers, especially evident with forums over 1 Million posts (or threads, or members).

New in Version 1.8!
Fixed another bug with languages that use periods instead of commas to separate groups of larger numbers: (1,000 vs. 1.000).

New in Version 1.6:
Fixes bug with people forums where css is stored in the file system.

New in Version 1.5:

You can now choose a non-animated progress bar which uses vBulletin's built in "Poll" graphics instead of the JavaScript and images included. This will work for anyone having JavaScript conflicts. It will also show to anyone with JavaScript disabled in their browser. (Tested in IE8, Firefox, Chrome, Safari) If you won't be using JavaScript you need not upload any files, just import the product. See txt file for full instructions.

Also fixed in Version 1.5- two phrases were changed from "Users" to "Members" to keep wording consistent with goal types.

If Upgrading from version 1.0 simply import the product file, allow overwrite set to "yes."

See screenshots for examples.

Demo: http://www.juot.net/forums/forum.php (Live Demo is VB 3.8, see screenshots below also.)

Optionally you can set a date for the goal and it will display a countdown of days to reach the goal.

All text output is fully phrased so you can easily change the wording to your needs.

In addition the goals output is its own template, forumgoals, which you can further customize as needed.

You can also easily select a custom icon without needing to edit any templates.

Full instructions are included in the zip file.

This was made and tested on 4.0.8 and should work on all 4.0.x/4.1.x versions.

The animated progress par requires JavaScript to display. If JS is disabled a non-animated bar will show.

The progress bar uses a freely distributed JavaScript library available here:
http://www.bram.us/projects/js_bramu...essbarhandler/
"The [JavaScrpt] is now released under a creative commons Attribution-ShareAlike 2.5 license."

• 2 JavaScript and 2 images to upload
• 1 custom template
• 3 plugins
• 12 phrases

The Phrases used are GLOBAL : bop5goal, bop5goalreached, bop5goals, bop5posts, bop5poststogoal, bop5threads, bop5threadstogoal, bop5users, bop5userstogoal, bopdaystogoal , bopgoaldate, bopovertime


Please Mark as Installed if you use this!

VB 3.x version here.

Known Conflicts!
This mod has a known conflict with the TW7S - New Way To Display Notifications mod. See post # 37 to resolve this.

Basically if you have any mod that calls the jquery javascript library you must make sure the call to the jquery library happens BEFORE this mod's javascript files are called- usually that means moving jquery calls to the top of your headinclude template.

The way to know if this is your problem is if the progress bar doesn't show (but the rest of the table does) AND when you view source of your forumhome page you see the following two lines are in the code:

<script type="text/javascript" src="clientscript/prototype.js"></script>
<script type="text/javascript" src="clientscript/jsProgressBarHandler.js"></script>

If those two lines are there it means this mod is working bu javascript is conflicting preventing the progress bar from showing.

English: Download .zip file. (Version 1.92)
Arabic: Download .xml file. (Version 1.0) (Translated by Dr. osamA)

[beatyourtruck]

Thanks Joe. I attached the entire HTML source code from my forum home page in a text doc. I don't see anything with "forumgoals"? That could be a clue LOL I also attached a screenshot of the home page.

[BirdOPrey5]

Thanks beat...

I see the issue is the poll.css file isn't being added as a link in your header. The part of the product that does this is my plugin on forumhome_start called Forum Goals JavaScript and CSS Header.

It uses hook: $template_hook[custom_css_links]

And it adds the poll.css to the header so the pollbar styles can be used.

The question is why isn't this working- My guess is another plugin is interfering with this mod, something else that uses the forumhome_start hook.

To troubleshoot go to your admin cp -> plugin manager, find the plugin in Forum Goals JavaScript and CSS Header and edit it.

Change the "Execution Order" from "5" to "6" - save it and see if it works.
If not change it to "4" and see if that helps at all.

Please let me know if either of these work.

This would also be why the javascript bar isn't working, that is inserted in the same plugin.

[beatyourtruck]

Thanks very much for your suggestions. I tried going from 5 to 6, no dice. Then tried 4, no dice.

[BirdOPrey5]

Check in your headinclude template, do you have the template hook: custom_css_links?

[beatyourtruck]

Yes....it's at the bottom.

PHP Code:

<vb:if condition="$vboptions['storecssasfile']">
    {vb:cssfile main-rollup.css}
        {vb:raw template_hook.custom_css_links}
<vb:else /> 


[Rofo]

I also have this same black bar issue on 4.1.1.

[BirdOPrey5]

Originally Posted by beatyourtruck

Yes....it's at the bottom.

PHP Code:

<vb:if condition="$vboptions['storecssasfile']">
    {vb:cssfile main-rollup.css}
        {vb:raw template_hook.custom_css_links}
<vb:else /> 


Try adding this at the very bottom of your headinclude:

{vb:cssfile poll.css}

Originally Posted by Rofo

I also have this same black bar issue on 4.1.1.

If in your settings you have css stored in the file system set to enabled, you can try the same thing as above.

[beatyourtruck]

It now works with poll styles but not the animated poll option.

Thanks for the help. I would still like to get the animated version working. I will check my java version and settings...could be that simple.

[BirdOPrey5]

Originally Posted by beatyourtruck

It now works with poll styles but not the animated poll option.

Thanks for the help. I would still like to get the animated version working. I will check my java version and settings...could be that simple.

OK... cool... now to get it all working... erase the 1 line I told you to add and instead add this at the very bottom of headlinclude:

<vb:if condition="THIS_SCRIPT == 'index'">
{vb:cssfile poll.css}
<script type="text/javascript" src="clientscript/prototype.js"></script>
<script type="text/javascript" src="clientscript/jsProgressBarHandler.js"></script>
</vb:if>

That should manually fix both problems.

[beatyourtruck]

Nope. Added to the very bottom and the animation does not work. Still works with the poll styles, but not the animation. Only gives the text of "89%"...no bar.