New listener for tools

[Sharath-GitBan]

Hi Team,

I was going through code for each tool in the app, right now the listeners available for each tool are press, move and release. Can I add new listeners like click or db click or hover etc to the existing code.
It'll be helpful if you can help me on this.

[lovasoa]

Hello,
Yes, you can use any DOM event as a listener, just add it to the compiledListeners property of your tool.

	var myTool = {
		"name": "MyNewTool",
		"shortcut": "m",
		"listeners": {
			"press": startLine,
			"move": continueLine,
			"release": stopLineAt,
		},
               "compiledListeners": {
                       "dblclick": myListener
               }, ...

For hover, I would use the existing move listener, though. See for instance the eraser.

The relevant part of the code you may want to read is here : https://github.com/lovasoa/whitebophir/blob/master/client-data/js/board.js#L497-L513

edit : fixed example. The property name iscompiledListeners, not computedListeners

[Sharath-GitBan]

Hello, thank you for your response, I added 'click' listener to the tool, but when I click after selecting the tool, even listener is not triggered.

[lovasoa]

If you publish your fork, I'll have a look at it if you want.

[Sharath-GitBan]

function myListener(){
console.log('in click listener')
}
Tools.add({
//The new tool
name: "Resize Element",
icon: "✥✥",
shortcut: "R",
computedListeners: {
click: myListener
},
listeners: {
press: press,
move: move,
release: release
},
//draw: draw, //save move text to server
mouseCursor: "crosshair"
});

[Sharath-GitBan]

It should be compiledListeners not computedListeners

[lovasoa]

Oh, I see. I wrote the right name in my message above, but made a mistake in the example.