KoolReport's Forum

Official Support Area, Q&As, Discussions, Suggestions and Bug reports.

Laravel Vue #566

Open Cord opened this topic on on Dec 19, 2018 - 5 comments

Cord commented on Dec 19, 2018

Reopening this Topic as V3.0 has arrived:

Would be great to have a boilerplate how to integrate koolreports with Laravel + Vue + npm to build interactive dynamic reports. Drop-In for spark.laravel.com would be ultimate!

Could be a paid package!

KoolReport commented on Dec 19, 2018

Great ideas! We will look into it.

Cord commented on Dec 19, 2018

suggested pricing: 99$

Cord commented on Jan 8

Am now facing issues in the vue based frontend of Laravel Spark -

with placing

Vue.config.ignoredElements = ['krwidget'];



I got rid of one warning.

However vue does not like javascript code rendered into the templates throwing this warning:

Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

Also some widgets e.g. sparklines and chartjs are not rendered reliable.

There seems to be no directive to tell Vue to bypass some html code from processing.

Would be great to have a solution to use KR within a modern vue based fronend.

There seems to be an adapter-solution: https://github.com/ankane/vue-chartkick - maybe you can add this as a pro package?

KoolReport commented on Jan 8

I see, I have added this to most features wanted list for dev team to work on. If you have any suggestion or solution, keep posting here.

Cord commented on Jan 8

great - https://github.com/ankane/vue-chartkick seems to be like a good starting point. Also supporting data endpoints to load data from:

<line-chart data="/stocks"></line-chart>

Give tips to supporter for his good work

If you feel that supporter has done a good work, consider giving him some credit. Any amount put into the tips box below is appreciated. By doing so, you have contribtuted to the existence of KoolReport and the quality of support.

Tips box