Composer tpl - add custom data.

[Sebastián Cisneros]

Im working with the composer popup (not the one on the blank page). I'm looking for a server hook like filter:composer.build to add new data into that tpl. I couldn't see any hook fired (./nodebb dev) when you open the composer popup.

[baris]

This is because the popup composer is rendered client side, if you want to add data you should be able to use 'filter:composer.create' client side. https://github.com/NodeBB/nodebb-plugin-composer-default/blob/master/static/lib/composer.js#L495

[Sebastián Cisneros]

@baris that event doesn't seem to be firing. Im using composer redactor.

this is my code in the client side

(function ($) {

        // in your plugin client side
        $(window).on('filter:composer.create', function(ev, data) {
            const postData = data.postData;
	    const createData = data.createData;

            console.log(postData);
            console.log(createData);

            return {
                postData: postData,
                createData: createData
            }
        });
    
    });

})(jQuery);

[baris]

@sebastián-cisneros said in Composer tpl - add custom data.:

$(window).on('filter:composer.create', function(ev, data) {

Ahh, since this is a filter hook you will have to use the hooks module. Try this

require(['hooks'], function (hooks) {
  hooks.on('filter:composer.create', function (data) {
    console.log(data);
    return data;
  });
});

The upside is with the hooks module you can make async requests to the server to get more data and augment the data.createData object. This wasn't possible with action hooks.

[Sebastián Cisneros]

@baris you are a rock star!

[Ali Hussain]

I am getting the hook to work, but how can I display the new data in the composer.tpl ? so let say before I return the data on the hook, i add data.aName, how can I display {aName} in the template? thx

[baris]

You need to override the template and add {aName} into it to display it. Depending on where you want to add it you will have to create a new tpl file that overrides one of the files in https://github.com/NodeBB/nodebb-plugin-composer-default/tree/master/static/templates.