WHMCS 5.0 Style Bar Widgets for Monthly Completed Orders and Monthly Income

[MikeDVB 11]

I missed the old bar-style widgets from 5.0 when we moved to 5.1 so I originally adapted the 5.0 modules directly to 5.1. My adapted widgets quit working on 5.2 so I created new widgets from the ground up. I won't pretend I wrote the code myself, I simply took the "New Customers" report and the "Annual Income" reports and converted them into Widget format. Anybody with a basic understanding of PHP could likely do this in a few minutes but this saves you the time.

 

The source isn't encoded, you're welcome to modify/improve/redistribute. If you do make an upgrade/change I would appreciate you posting it in this thread so your changes can possibly be combined into the original.

 

Here's a screen-shot (click for a larger image):

 

It can be downloaded from here: http://www.mddhosting.com/files/bar_widgets_5214.tar.gz

 

Installation of the module is the same as any other set of widgets - the .tar.gz contains "annual_orders_bars.php" and "annual_overview_bars.php" which you would simply place in your /whmcs/modules/widgets folder. Once you've done this you can activate the widgets for whoever you wish via WHMS -> Setup -> Administrator Roles (widget options are at the very bottom of each role).

 

This is only tested with 5.2.1, however, if you try it on 5.1.X do post and let me know if it works for you if you don't mind.

Edited November 27, 2013 by Infopro
Updated link to download by request

[JLHC 10]

Looks good. Great job Mike!

[ExonHost 10]

I also missed old bar-style widgets. Thanks Mike!

[MikeDVB 11]

I added the legend on the left side of the graphs, it now says "Default Currency" and "Number of Orders".

[jamshed_11946 28]

Working very well on 5.1.3. Thanks

[MikeDVB 11]

Working very well on 5.1.3. Thanks

Glad to hear it, and you are welcome .

[jamshed_11946 28]

Can you increase the width of the bar as we had in the past. I mean the length of the bar is OK but the width is less. Can you increase it, it will look very beautiful by this.

[MikeDVB 11]

It just uses the built in graph function with whmcs. I'm not sure if there is an option for bar width, I'll have to look into it but don't hold your breath.

[Patty 23]

Very nice! Thank you for sharing.

[wsa 28]

Look very nice i missed this old bar

[ExonHost 10]

Working with 5.1.5

[MikeDVB 11]

Indeed, it should work with all new versions until they change something major with widgets, but I do appreciate the update/feedback .

[CDJ Hosting 24]

Bar width should just be a CSS change?

[MikeDVB 11]

Not sure, I haven't messed with it much [been too busy]. If you modify it for a wider bar and the modification affects no other parts of WHMCS - feel free to make the modification and upload it here.

[CDJ Hosting 24]

Hi mike, looking into this furter, google visualisations do not support this as the bars are dynamically created according to the number of bars needed and the width of the area they are contained into, There is however a way to do this with jquery so i will make a modification and get it up later on with screen shots. Its on my devbox so i will have to fake some data to show the bars but i can do it.

[MikeDVB 11]

Yeah, I just used our dev server as well when I made the screen shots. Not a big deal .

[jamshed_11946 28]

Hi mike, looking into this furter, google visualisations do not support this as the bars are dynamically created according to the number of bars needed and the width of the area they are contained into, There is however a way to do this with jquery so i will make a modification and get it up later on with screen shots. Its on my devbox so i will have to fake some data to show the bars but i can do it.

 

 

I am not an expert in this field, so I am not not going to modify anything. If you make any modification, please share it. Thanks MikeDVB and CDJ Hosting

[onepound 10]

These appear to have broken, now display "a[mc] is not a function" in the box.

The default ones function fine (boy do I miss these bar style ones though)

 

Will stare at the code later, hopefully someone may be able to assist prior to that though!!

[chuva 10]

These appear to have broken under the 5.2.14 update, now display "a[mc] is not a function" in the box.

The default ones function fine (boy do I miss these bar style ones though)

 

Will stare at the code later, hopefully someone may be able to assist prior to that though!!

 

In chrome: Object 2012 has no method 'split'

[jamshed_11946 28]

Same issue here.

a[mc] is not a function

×

 

 

Same issue here.

[DougK94 14]

Same problem here

[MikeDVB 11]

Yep, Google broke this - since I use it every day I'll be doing what I can to fix it but ultimately it does rely upon some resources provided by WHMCS.

[MikeDVB 11]

I fixed one of them, working on the other now - will upload both once done.

[MikeDVB 11]

Here is the version tested and working with 5.2.14. I did clean up the code a little but if anybody has any suggestions/modifications feel free to post them up.

 

http://www.mddhosting.com/files/bar_widgets_5214.tar.gz

[jamshed_11946 28]

Hello MikeDVB@

Thanks for this. Its working fine here.