added modes ui

helpers/passives/client/css/main.less

@@ -1,4 +1,4 @@
-@import "../../../../src/client/css/colors.less";
+@import "../../../src/client/css/colors.less";
 	
 html, body {
 	width: 100vw;

helpers/passives/client/css/ui.less

@@ -1 +1 @@
-@import "../../../../src/client/css/colors.less";
+@import "../../../src/client/css/colors.less";

helpers/passives/client/js/constants.js

@@ -4,7 +4,7 @@ define([
 
 ) {
 	return {
-		standAlone: true,
+		standAlone: false,
 
 		lineWidth: 5,
 		blockSize: 20,

helpers/passives/client/js/generator.js

@@ -13,6 +13,8 @@ define([
 		links: [],
 		nodes: [],
 
+		mode: 'none',
+
 		init: function () {
 			events.on('onAreaSelect', this.events.onAreaSelect.bind(this));
 		},
@@ -62,6 +64,10 @@ define([
 			return this.nodes.length;
 		},
 
+		setMode: function (mode) {
+			this.mode = mode;
+		},
+
 		actions: {
 			reset: function () {
 				this.nodes = [];

helpers/passives/client/js/main.js

@@ -46,6 +46,7 @@ define([
 
 				$(window).on('focus', this.events.onFocus.bind(this));
 
+				uiFactory.build('mode');
 				uiFactory.build('menu');
 				uiFactory.build('groups');
 				uiFactory.build('nodeInfo');
@@ -65,6 +66,14 @@ define([
 					else
 						events.emit('onEndAreaSelect', e);
 				} else if (isDown) {
+					if (generator.mode != 'none') {
+						e.button = ([
+							'place',
+							'link',
+							'select'
+						]).indexOf(generator.mode);
+					}
+
 					var action = ([
 						'addNode',
 						'connectNode',

helpers/passives/client/ui/uiBase.js

@@ -55,11 +55,11 @@ define([
 			else
 				el = $(el);
 
-			el.on(event, function () {
+			el.on(event, function (e) {
 				var args = [].slice.call(arguments, 1);
 				args.splice(0, 0, event);
 
-				callback.apply(null, args);
+				callback.apply(null, [...args, e]);
 			});
 		},