Client JavaScript in Templates

Nicolas

Please advice. How to use client JavaScript in themes?
My case: for post.tpl for every user, I would like to call JavaScript function. I can't create necessary elements in template on server, additional work should be done on client. I'm looking for the best option for NodeBB. If you have several approaches, please share them

Thanks.

Nicolas

Solution

I hope, there are more possible solutions, but I have resolved it with a help of my custom theme.
I have subscribed to action:posts.loaded and action:topic.loading, and I did much jQuery (selectors, like [component="something"])

But, I would like more define from requirejs with name just for posts...

psychobunny

let's say you have a template path/to/template.tpl

this is how the JS file using require.js should look like:

define('forum/path/to/template', [], function() {
  var script = {};

  script.init = function() { }; // this gets called when the route is loaded

  return script;
});

hopefully that helps

Nicolas

@psychobunny Thanks. Yep, I have found myself this approach, after several tries.
I'm asking about case, what to do when you want to add additional logic to existed route? For example to forum/topic ?
Seems It could be done only by custom theme + actions/filters...

psychobunny

There's a few ways of doing it, like this:

https://github.com/NodeBB/nodebb-plugin-friends/blob/master/public/scripts/client.js#L9-L10

Nicolas

@psychobunny nice, It's very helpful.