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:
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)

Reserved.

This looks nice, but I can't get the progress bar to look like in your forum when I select : forum_stats.png, as the goal icon.

My demo site is vBulletin 3.8, it has different images than vBulletin 4.x. On 3.8 the image is called stats.gif but it's not included in VB4, you might have it if you upgraded from VB 3.x.

The "new" image for VB4 is forum_stats.png, it should be the same as I have in my screen shots- but if you customized your images it could be anything.

Here are the default images if you need them. Put them in your images/misc directory and rename them so you don't overwrite the existing image(s)- then change the setting to point to the new file name.

If you're having another issue please give me a link to your forum I will check it out.

Actually I meant to say that the progress bar is not visible in my forum, the icon to the left of the progress bar is there, just the bar, I can't see, neither in Chrome or Explorer 8.

That's usually a problem with the javascript files perhaps not being uploaded in the right place, or possible a missing template hook... can I get a link to your forum? PM me if you don't want it public.

PM sent. :)

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:
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:

Thank you, your second fix did the trick. I did see the {vb:raw template_hook.headinclude_javascript} inside head include, but it still wasn't loading. And I moved it to the bottom of the template, but with no results, the manual edit you provided helped with my issue however. Thank you very much. :D

Cool mod, I will probably install this in the next few days :up:

Cool.

:up:

Hello, i have request to have this module in this addon
under the goal bar, put like this:
You have contribute xx% of 100% [boardname] Goals!

Can the modification be added to show donation goals too ?

also would like to see 3 bars just like the poll bars to set 3 different conditions for goals ( members , posts , threads) would be nice to place it below the WGO box

thanks a lot will try to install this

hi thank you for this hack its nice!!!!!!!

i need litle help i dont see the bar i have upload oll the files thank you!!!


you cen see in my forum http://www.ellinofatsa.gr/forums/forum.php

How Do you edit the background color? you can see mine :(

www.fatalitynetworking.com/forum

Sounds like it could be a good option for post and thread goals, I will consider this in the next upgrade.

I will try to implement an option to choose a different location on a future version. (ie- below what's going on box.) At this time I don't plan on allowing for multiple goals to be tracked at one time- quite frankly that would be doing 3 times the coding I've already done and I don't ever think I'll need that feature. I will point out this mod is marked "re-usable" code so you are free to mod it yourself (or convince someone else) to fit your needs.

Looks like you got it working, it's showing up fine for me now. :up:

You can modify the background color (or anything else) by editing the forumgoals template. To specifically modify the background color find the code:
and modify #EEEEEE to any hex color code you want. #C0C0C0 is grey, #FFFFFF is white, #000000 is black, etc...

You can also replace it all with a common color name, such as:

https://vborg.vbsupport.ru/external/2011/01/12.jpg


i dont see the red bar any help?
i have vb 4
and i have upload all the files..

i see only this 7% were is the red bar?

It works fine for me on your site:
https://vborg.vbsupport.ru/attachmen...1&d=1295879098

Maybe you have javascript turned off or disabled on your browser? The bar won't show without javascript enabled. Whatever the problem it's with your browser- it's working for other people who visit your page.

hey, my bar was working!!!! and then it stopped working :( i've installed a few hacks but none of them should mess with this scrip!!!

Can you check mine please

all ive installed are these:

https://vborg.vbsupport.ru/showthrea...232033&page=19
https://vborg.vbsupport.ru/showthread.php?t=254231

all i can see is the percentage, i've tried in IE8 and firefox, it was working :( until my pc decided to shut it self down!

thank you i thing the problem is from mozila

If anyone needs help please give me a link to your forum, I can't do much without seeing it.

<a href="http://www.fatalitynetworking.com/forum" target="_blank">www.fatalitynetworking.com/forum</a>

i've noticed uploading the new forum_stats.png the image doesn't change from the original one...... i've tried 3 different browser's and cleared all cache..... :(

than you bro

5 stars & installed + translated to Arabic

plzz be nice and add arabic xml file to 1st post

Amazing Thanks Is There's A Way That I Can make This Goal Show Custom Things Instead Of Posts And Threads ? Like Forum Alexa Ranks ??

i see the red bar only in explorer not in mozila my members sey the same any help?

I'm going to bet that the jquery mod (the second one listed) here is interfering with this mod. Please try disabling it and letting me know if it works. Some mod is interfering but I can't troubleshoot until I'm sure of which one it is.

I just confirmed this feature is working. It must be in your images/misc directory... NOT in a style directory, only in images/misc... I also wouldn't recommend over-writing the existing image since it's used in your real forum stats. I suggest uploaded a new file with a new name.

Will do, thanks. :up:

It can do posts, threads, or users (members). I don't plan on implementing any other options but I suppose if there was a site to query that would supply you with a page rank in a text format someone could edit it to work. My guess is you'd want to cache the pagerank so you aren't making an external request every time your page loads.

As you can see from the screen shots it's working fine in Firefox- I'm betting people who say it doesn't work have "NoScript" or some sort of script blocking enabled- without javascript this won't show the progress bar.

I will (eventually) try to add a non-animated non-javascript progress bar for people without javascript.

thank you bro

I've tried uninstalling it and removing all the info on it, but it still doe not work.

but i did also install a live jqurey gamer server monitor too i think it's called gamerz it uses LGSL

maybe this has effected it ?

<a href="https://vborg.vbsupport.ru/showthread.php?t=244839&page=3" target="_blank">https://vborg.vbsupport.ru/showt...=244839&page=3</a>

Here is the script ive installed too

https://vborg.vbsupport.ru/showthrea...=244839&page=3

I'm not going to try and install 10 different scripts to see which one doesn't work. YOU need to disable your scripts, 1 by 1 if necessary, to tell me which one is conflicting. If you can confirm which script is the problem I will install that one and attempt to figure out the conflict.

If you can't do this I suggest just uninstalling this mod.

can i just diable them from my cp or do i have to go in via FTP and delete them?

Just go to your Product Manager and choose "Disable" from the drop down menu.

However if a mod had manual template edits you'll have to remove them as well (or better yet just make a new style with no parent, so it's the default style, and test it on that. I would do that first so you can tell if it's a style problem or not.)

yep it was the pop up thing, so when i removed it it started to work! but i really want to use both :(

https://vborg.vbsupport.ru/showthread.php?t=254231

can you please look into it! :)

OK You just have to move the manual template edit for that mod to the TOP of your headinclude template instead of the bottom (the call to the jquery library must come before my mod's code).

I suggest moving his template edit to right below:

Near the top of headinclude

If you do this it should work, it works for me anyway.

So move that entire piece of code to the very top of the headinclude?

this is that ive done:

<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery-1.4.2.js"></script>
<script type="text/javascript" src="jscripts/tw7s_notifications/jquery.jgrowl.js"></script>
<link href="jscripts/tw7s_notifications/jquery.jgrowl.css" rel="stylesheet" type="text/css"/>
<!-- TW7S - New Way To Display Notifications (jQuery,CSS,jGrowl) -->

<meta http-equiv="Content-Type" content="text/html; charset={vb:stylevar charset}" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="{vb:raw vboptions.bburl}" />
<base href="{vb:raw basepath}" /><!--[if IE]></base><![endif]-->
<meta name="generator" content="vBulletin {vb:raw vboptions.templateversion}" />

<vb:if condition="$show['threadinfo']">

<vb:elseif condition="$show['foruminfo']" />
<meta name="keywords" content="{vb:raw foruminfo.title_clean}, {vb:raw vboptions.keywords}" />
<meta name="description" content="<vb:if condition="$pagenumber > 1">{vb:rawphrase page_x, {vb:raw pagenumber}}-</vb:if>{vb:raw foruminfo.description_clean}" />
<vb:else />
<meta name="keywords" content="{vb:raw vboptions.keywords}" />
<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>

<vb:if condition="$show['fb_opengraph']">
{vb:raw facebook_opengraph}
</vb:if>

<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="{vb:stylevar yuipath}/connection/connection-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
var SESSIONURL = "{vb:raw session.sessionurl_js}";
var SECURITYTOKEN = "{vb:raw bbuserinfo.securitytoken}";
var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
var IMGDIR_BUTTON = "{vb:stylevar imgdir_button}";
var vb_disable_ajax = parseInt("{vb:raw vboptions.disable_ajax}", 10);
var SIMPLEVERSION = "{vb:raw vboptions.simpleversion}";
var BBURL = "{vb:raw vboptions.bburl}";
var LOGGEDIN = {vb:raw bbuserinfo.userid} > 0 ? true : false;
var THIS_SCRIPT = "{vb:raw this_script}";
var RELPATH = "{vb:raw relpath}";
var PATHS = {forum : "{vb:raw vboptions.vbforum_url}"}
// -->
</script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-core.js?v={vb:raw vboptions.simpleversion}"></script>
{vb:raw template_hook.headinclude_javascript}

<vb:if condition="$vboptions['externalrss']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2" />
<vb:if condition="$show['foruminfo'] OR $show['threadinfo']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} - {vb:raw foruminfo.title_clean} - {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2&amp;forumids={vb:raw foruminfo.forumid}" />
</vb:if>
</vb:if>

<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}
<vb:else />
{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}
</vb:if>
<!--[if lt IE 8]>
{vb:cssfile popupmenu-ie.css,vbulletin-ie.css,vbulletin-chrome-ie.css,vbulletin-formcontrols-ie.css,editor-ie.css}
<![endif]-->
{vb:raw template_hook.headinclude_css}


Still doesnt work :(

whne i delete the entire directory with the jsquery thing from the forum root it works! but obviously this pop up needs it