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

[MikeDVB 1]

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 0]

Looks good. Great job Mike!

[ExonHost 0]

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

[MikeDVB 1]

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

[jamshed_11946 2]

Working very well on 5.1.3. Thanks

[MikeDVB 1]

Working very well on 5.1.3. Thanks

Glad to hear it, and you are welcome .

[jamshed_11946 2]

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 1]

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 4]

Very nice! Thank you for sharing.

[wsa 22]

Look very nice i missed this old bar

[ExonHost 0]

Working with 5.1.5

[MikeDVB 1]

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

[CDJ Hosting 1]

Bar width should just be a CSS change?

[MikeDVB 1]

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 1]

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 1]

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

[jamshed_11946 2]

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 0]

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 0]

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 2]

Same issue here.

a[mc] is not a function

×

 

 

Same issue here.

[DougK94 4]

Same problem here

[MikeDVB 1]

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 1]

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

[MikeDVB 1]

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 2]

Hello MikeDVB@

Thanks for this. Its working fine here.