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