Re: Modularizing the Dashboard

Rafat

Yes, you are right it looks to be very similar but the side menu and charts are not identical. As I said, my friend has given the idea of how the dashboard should looks like, the sales dashboard is tested and complete for the time being.

He also mentioned about the notrinos site and approached @notrinos but the source code would be provided only upon a payment (commercial version).

52 (edited by rafat 06/25/2020 03:18:19 pm)

Re: Modularizing the Dashboard

Samsa,

You have a very good friend. Once you are finished with it we would love to see the source code..(if not chargeable of course) because it looks very good.

Good luck.

Re: Modularizing the Dashboard

Hello Guys,

@notrinos
I see that you have been using the chartist.js chart for implementing parts of the dashboard. I have been looking at many different js charts and found the chart.js to be the best.
I just wonder if the chartist.js is able to handle the RTL languages. And also swapping the yaxis and reversing the xaxis series.
I have done a sample pdf files with the various charts done by chart.js and a little help with internal js.
A PHP wrapper class is also created to easier handle the various options. The titles and buttons in the RTL variants are HTML and are automatically swapped to RTL in the real world.
Please have a look at this pdf file.

Joe
OBS! New file

Post's attachments

localhost.pdf 315 kb, 15 downloads since 2020-07-26 

You don't have the permssions to download the attachments of this post.

Re: Modularizing the Dashboard

For those who wish to experiment with chartist.js, the links are:
https://codeload.github.com/gionkunz/chartist-js/zip/develop
https://gionkunz.github.io/chartist-js/

A nice tutorial on where to include javascript and what it does:
https://www.tutorialspoint.com/javascript/javascript_placement.htm

Re: Modularizing the Dashboard

@Joe,
Looks nice..
One thing about RTL ..and I am one of these guys. The Graphs and the axis are always the same as in every other Language. This is Math and not language..actually its very wrong to mirror the Graph for RTL as its portrays the wrong data...But the Text needs to be RTL. So the X and Y axis for RTL is exactly the same as all other languages..One thing you might have noticed ..we write characters RTL but we always write numbers LTR..

Re: Modularizing the Dashboard

@rafat.

Ok I understand. Retrieving info on Google regarding this is very confusing.
But then everything seems easy to handle. chart.js has the relevant flags to show the legends perfectly in RTL. And the text and so on will automatically flow correct when the page is in RTL.

Joe

Re: Modularizing the Dashboard

@Joe
Absolutely...if this is implemented..its a good way forward.

Re: Modularizing the Dashboard

Hello again,

New file uploaded. See post 53 above.

/Joe

Re: Modularizing the Dashboard

Yes sir looks very nice.

Re: Modularizing the Dashboard

@joe

I chose chartis.js because I though it was an early stage project and easy to understand and develop later.
But chart.js is awsome.

Thank you

Phuong

Re: Modularizing the Dashboard

Hello Guys,

I have plans about incorporating a new class.graphic.inc in release 2.5 core.
I have already made a local version for looking at now by replacing the old class.graphic.inc with a new one, which is a wrapper around the Open Source chart.js. This chart.js is a very famous and qualified script to go for.

The file, dashboard.php in the admin folder has been slightly changed to this new one.
The dashboard.inc file in the includes folder is replaced with a new and adequate file.
My plans are further to make a Dashboard Setup in the Setup section. This is for setting a lot of parameters for
the dashboard.
At the same time my plans are to let dashboard.php check if there is a dashboard.inc file in the theme folder, if so this will be included instead of the core one.

Included in this look at version are the new Dimension booking on Balance Accounts.

You can have a look at this local version at the following URL:

http://frontaccounting.co.uk/fa248 .
User: admin
Pass: 98765

This version will only be available a week or so.

Joe

Re: Modularizing the Dashboard

A good effort with chart js.  We have to add a feature like widgets to move. Change widgets. Also update us here what's sofar ready with 2.5  if you have any development ideas just propose it to community developers. We will contribute the development. It will be organised finally to make the 2.5 perfect one.

Re: Modularizing the Dashboard

joe wrote:

Hello Guys,

I have plans about incorporating a new class.graphic.inc in release 2.5 core.
I have already made a local version for looking at now by replacing the old class.graphic.inc with a new one, which is a wrapper around the Open Source chart.js. This chart.js is a very famous and qualified script to go for.

The file, dashboard.php in the admin folder has been slightly changed to this new one.
The dashboard.inc file in the includes folder is replaced with a new and adequate file.
My plans are further to make a Dashboard Setup in the Setup section. This is for setting a lot of parameters for
the dashboard.
At the same time my plans are to let dashboard.php check if there is a dashboard.inc file in the theme folder, if so this will be included instead of the core one.

Included in this look at version are the new Dimension booking on Balance Accounts.

You can have a look at this local version at the following URL:

http://frontaccounting.co.uk/fa248 .
User: admin
Pass: 98765

This version will only be available a week or so.

Joe

Awsome @joe

On this basis we can generate countless charts for unlimited number of different statistical needs

Phuong

Re: Modularizing the Dashboard

Great @joe, does this covers the custom dashboards through modules?

www.boxygen.pk

Re: Modularizing the Dashboard

An under 10 MB video of the walkthrough of the demo link above is here.

Good job @joe!

Maybe a set of changed files for the current FA 2.4.8 can be zipped up and provided here for users to test out this theme and dashboard.

66

Re: Modularizing the Dashboard

Hello again,

Yes I will upload the files that are changed for this planned built-in dashboard. I will just clean some code first.

Joe

67

Re: Modularizing the Dashboard

Nice job @apmuthu with the video. Unfortunately you forgot the Banking and General Ledger Dashboard. There are a couple of fancy charts too. But really cool video. Thanks.

Joe