Propagating changes back to users

[razibal]

If my plugin is listening to an action filter for edited posts and, based on the content of the post, sets a custom property on the post, how do I update the view so that it's reflected in the browser in real time?

Currently, it requires a refresh to see the changes, however edited posts are automatically refreshed in real time. Is there an event I need to fire to take advantage of this refresh?

[julian]

@razibal You can see the socket.io event that the link-preview plugin fires in order to update the client.

[razibal]

So basically fire the event:post_edited socket event?

					websockets.in(`topic_${tid}`).emit('event:post_edited', {
						post: {
							tid,
							pid,
							changed: true,
							content,
						},
						topic: {},
					});

[razibal]

That works perfectly, Thanks!

[razibal]

A related question, I am trying to update an existing tooltip when the event fires and it seems to work only sometimes. Currently I am setting the title attribute, followed by destroying the tooltip and then calling $el.tooltip(...). Is there another way to do this as it seems that the tooltip doesn't always get recreated with the correct text . I do see a data-original-title attribute, so its clearly setting a tooltip, just retaining the previous text.

[baris]

Yeah updating tooltips in BS is kinda difficult, we do it in the votes code here https://github.com/NodeBB/NodeBB/blob/master/public/src/client/topic/votes.js#L32-L52, maybe that helps.

[razibal]

I ended up adding a child span to hold the tooltip, and just removing the child altogether anytime the event fired. Inserting a new element and then setting the tooltip was the only way to get the tooltip updated correctly (for me). Thanks for the help!