How do I update the IPS internal JS templates

[VarunAgw]

For my project, I need very high level of customization. I noticed some of the frontend template are generated from JS. 

Example

ips\dev\js\framework\templates\ips.core.templates.js

ips.templates.set('core.rating.star', "\
   <li class='{{className}}' data-ratingValue='{{value}}'><a href='#'><i class='fa fa-star'></i></a></li>\
");

 

How do I override these files in production? If I update dev folder, how do I compile them to production mode. After that, how do I sync changes in live website from localhost?

[VarunAgw]

Bump

[Sonya*]

On 6/26/2021 at 1:23 AM, VarunAgw said:

How do I override these files in production?

You do not override any core files. Use mixins to extend existing functionality -> https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/introduction-to-the-framework/mixins-r285/

On 6/26/2021 at 1:23 AM, VarunAgw said:

If I update dev folder, how do I compile them to production mode.

Simply download the .tar file from the Application Developer Center.

On 6/26/2021 at 1:23 AM, VarunAgw said:

After that, how do I sync changes in live website from localhost?

Install or update the previously downloaded .tar file on your live website.

[VarunAgw]

Thanks @Sonya*. Mixins seems to be the solution I was looking for 🙂