How can we integrate Metronic theme code with angular-seed-advanced?

[NileshSystematix]

Hello Guys,

Can yo please let me know that how we can integrate metronic theme code in angular-seed-advanced?

Please share the link or steps so that I can integrate it.

[NileshSystematix]

@NathanWalker Can you please respond to this query?

[NathanWalker]

Hi @NileshSystematix I assume you are referring to this? http://keenthemes.com/preview/metronic/theme/admin_1/
As with any theme, you can start by dropping right into the https://github.com/NathanWalker/angular-seed-advanced/tree/master/src/client directory as that is a web theme of course. Working the theme into this seed is not really any different than working it into any project. The index.html file inside client can house the main dashboard of that theme, you would just have to move the pieces in you want and build Angular components for the pieces you would like.

[NileshSystematix]

@nathan: Thanks for answering.

As you you have provided the opinion I have did same i.e. I have replaced index.html file of metronic with the index.html file of angular-seed-advanced(src/client) also I have droped my metronic code inside the client folder but after running the code I am “Parser blocking cross site error”.

Can you please check our metronic code (angular) which needs to be merged in angular-seed-advanced.

Please Provide us a solution so that I can merge both the codes and make my application running asap. Below is my git url by which you can check my angular code of metronic and also I am sharing documentation of metronic.

One more question can we please use angular 4 in angular-seed-advanced.

I have added two folder in my git repo which includes fresh default angular theme of metronic and also the seed project in which I have integrated.

Metronic code git: https://github.com/NileshSystematix/Metronic-code/tree/master/angular/default

Metronic code integrated with angular seed: https://github.com/NileshSystematix/Metronic-code/tree/master/angular-seed-advanced

Metronic Documentaion: http://keenthemes.com/metronic/documentation.html

Snapshot of error: https://screencast.com/t/aPPFvlsJnr6

[lommez]

Hi @NileshSystematix,
I'm also interessed in integrating Metronic 5.x in angular-seed-advanced.
Which version of Metronic are you using?
I'm having problems to load the metronic js library by using the SystemJS, since the in project.config.ts it´s only possible to load npm javascript dependencies.
I tried to put the javascript files in the index.html file, it worked fine for the web application but not for electron, because the files cannot be found when the application is loaded and i think is not a god pratice to put those files references in the index.html