I'd like to use some lodash functions to help prepare some data in the beforeRender() helper function. But I can't seem to get it to load via var _ = require('lodash'). I added it to the allowedModules array, and installed it in the main jsreport directory. I can use it in functions defined here:

/jsreport/templates/CDL/helpers.js

but not here, where it seems beforeRender() must be defined:

/jsreport/data/scripts/CDL/content.js

I tried moving the definition of beforeRender() to /jsreport/templates/CDL/helpers.js but then the whole thing times out. I'm presuming the beforeRender() function must be defined in the other location - still learning though, and not sure what the differences are in context and execution order!

Simple question - is it possible to use external libraries like lodash in /jsreport/data/scripts/CDL/content.js?

Right - so just return the array from the helper and use {{#each}} in the template. That makes sense. I've been programming in VueJS for months now, and switching to another templating set up is confusing :).

I need to insert a large set of images which are then used in some JS to create a canvas. That bit is working fine, but I'm trying to convert this unmaintainable monster:

<img id="image1" src="{#asset image1.png @encoding=dataURI}" style="display: none" />
<img id="image2" src="{#asset image2.png @encoding=dataURI}" style="display: none" />
.
.
.
<img id="image99" src="{#asset image99.png @encoding=dataURI}" style="display: none" />

into this:

{{insertAllImages}}

I have a function in helpers.js which looks like this:

function insertArchetypeImages() {
	var html = ''
	_.forEach([
		'image1',
		'image2',
		.
		.
		.
		'image99'
	].forEach(name =>{
		html += '<img id="' + name + '" src="{#asset ' + name + '.png @encoding=dataURI}" style="display: none" />'
	})
	return html
}

And I get the error:

Error during rendering report: Asset ' + name + '.png not found

I'm guessing #asset is a helper, and/or I can't use brace expressions inside a helper like that. But I couldn't figure out from the handlebars docs how to call one from another. I'm also guessing there's a better way to do this in jsreport... Any advice?

Thanks!

Many thanks - yes, a function to return the entire string for the src tag works well. And assets is even better:

<img src="{#asset {{getImageName this}}.jpeg @encoding=dataURI}" />

I was confused by the add assets dialogue to begin with - I couldn't see how to add an image, and didn't realise the 'Upload' button didn't refer to 'styles.css'... Anyway, all sorted now.

Thanks again!

I'm really new to jsreport and handlebars, so I'm hoping this is just a syntax thing. I've uploaded 12 images, and can include them in a report like this:

<img src='{#image hero}' />

However, I want to change the image based on the return value of a function. Used like this:

{{#getImageName data}}{{/getImageName}}

it correctly displays the required image name as plain text. Can I connect that function to the {#image} in some way?