added glow

src/nodes/interface.js

@@ -59,6 +59,63 @@ var LiteGraph = global.LiteGraph;
 
 	LiteGraph.registerNodeType("widget/button", WidgetButton );
 
+
+	function WidgetToggle()
+	{
+		this.addInput( "", "boolean" );
+		this.addOutput( "v", "boolean" );
+		this.addOutput( "e", LiteGraph.EVENT );
+		this.properties = { font: "", value: false };
+		this.size = [124,64];
+	}
+
+	WidgetToggle.title = "Toggle";
+	WidgetToggle.desc = "Toggles between true or false";
+
+	WidgetToggle.prototype.onDrawForeground = function(ctx)
+	{
+		if(this.flags.collapsed)
+			return;
+
+		var size = this.size[1] * 0.5;
+		var margin = 0.25;
+		var h = this.size[1] * 0.8;
+
+		ctx.fillStyle = "#AAA";
+		ctx.fillRect(10, h - size,size,size);
+
+		ctx.fillStyle = this.properties.value ? "#AEF" : "#000";
+		ctx.fillRect(10+size*margin,h - size + size*margin,size*(1-margin*2),size*(1-margin*2));
+
+		ctx.textAlign = "left";
+		ctx.font = this.properties.font || ((size * 0.8).toFixed(0) + "px Arial");
+		ctx.fillStyle = "#AAA";
+		ctx.fillText( this.title, size + 20, h * 0.85 );
+		ctx.textAlign = "left";
+	}
+
+	WidgetToggle.prototype.onExecute = function()
+	{
+		var v = this.getInputData(0);
+		if( v != null )
+			this.properties.value = v;
+		this.setOutputData( 0, this.properties.value );
+	}
+
+	WidgetToggle.prototype.onMouseDown = function(e, local_pos)
+	{
+		if(local_pos[0] > 1 && local_pos[1] > 1 && local_pos[0] < (this.size[0] - 2) && local_pos[1] < (this.size[1] - 2) )
+		{
+			this.properties.value = !this.properties.value;
+			this.trigger( "clicked", this.properties.value );
+			return true;
+		}
+	}
+
+	LiteGraph.registerNodeType("widget/toggle", WidgetToggle );
+
+
+
 	/* Knob ****************/
 
 	function WidgetKnob()