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]

Ok - tried changing the settings from poll style to animated a few times and now I can sometimes see the animated bar, sometimes not. When I see the bar, the calculation is incorrect. Doing hard refreshes. Tried FF and IE...same results.

See attachments for random results when trying to use the animation. Updated to latest java as well. Poll styles work every time and calculations are correct.

[BirdOPrey5]

The numbers calculated in those screen shots for "Posts to Goal" never change so if the animated bar number isn't correct (and it obviously isn't in many cases) the only thing I can imagine is another javascript is conflicting with the javascript from this mod... what other mods do you have installed? If you know all I really need to know are ones that use javascript.

And, FYI, JavaScript, which this mod uses, has no relation to the Java programming language which is what you probably updated. It's unfortunate they have similar names but they are very different. JavaScript is a function of the browser only.

By the way, what browser are you using?

[Alien123]

Originally Posted by BirdOPrey5

I see the JavaScript files aren't loading for some reason on your page... I wonder if your style is missing the hook or possibly a poorly written mod could be hijacking the hook and not letting any other mods use it.

If you want to try and trouble shoot open your headinclude template and look if you have the line:

{vb:raw template_hook.headinclude_javascript}

anywhere in it... if you don't, add it in at the bottom.

If you just want it to work manually add the following to the bottom of your headinclude template:

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

thansk it worked
um is there a way to move it to the bottom of the forum as well as a shoutbox?

[beatyourtruck]

Alien - what version of vB are you running?

BirdoPrey5 - this is my list of mods. maybe someone else with the same issue can compare their list to mine?:

• AddonChat
• Display reputation comments given
• Forum Goals by BOP5
• GeekyDesigns Default Avatar
• GlowHost - Spam-O-Matic
• ibProArcade for vBulletin
• iTrader
• Limited Guest Viewing
• Lower Breadcrumbs
• Miserable Users
• My Threads & My Posts
• SevenSkins Image Resizer
• Spiders Display on Forumhome and Who's Online
• Top Posters
• vBH - Add new tabs 1.2

[BirdOPrey5]

Originally Posted by Alien123

thansk it worked
um is there a way to move it to the bottom of the forum as well as a shoutbox?

See post #99 in this thread for info on how to move it to the bottom of the forums.

Originally Posted by beatyourtruck

Alien - what version of vB are you running?

BirdoPrey5 - this is my list of mods. maybe someone else with the same issue can compare their list to mine?:

• AddonChat
• Display reputation comments given
• Forum Goals by BOP5
• GeekyDesigns Default Avatar
• GlowHost - Spam-O-Matic
• ibProArcade for vBulletin
• iTrader
• Limited Guest Viewing
• Lower Breadcrumbs
• Miserable Users
• My Threads & My Posts
• SevenSkins Image Resizer
• Spiders Display on Forumhome and Who's Online
• Top Posters
• vBH - Add new tabs 1.2

Give me some time, I'll check up on these mods and see if I can figure out the culprit.

[CardMafia]

images don't seem to work, but I'm only using it for admin and mods. works good

[BirdOPrey5]

Originally Posted by Card+++++

images don't seem to work, but I'm only using it for admin and mods. works good

The javascript (which uses the images) is proving to be very problematic in terms of playing well with other javascripts. I didn't write the javascript I got it from another site and included the license info for it.

If the non-animated bars as working for you I would just keep the animated disabled, it's proving to be more trouble than it's worth.

[CardMafia]

wow. quick reply!

The non-animated bars are all a single black line (which is fine by me also). The percentage seems to be accurate and that all I need it for.

[BirdOPrey5]

You can try what I suggest in post #8 for the animated bar or post #56 to see if you can get the non-animated polls working.

If it's a very custom style though poll.css might not even exist, which is what this uses to make the progress bar.

I think when I get around to updating this I'll include my own css file to help fix these issues.

[Mikevet1984]

I tried both of the template edits. Only the first one with animaed bar works. The other one not.

I use a completevb,com style....