more work

helpers/passives/client/js/constants.js

@@ -17,14 +17,16 @@ define([
 		scrollSpeed: 0.75,
 
 		stats: {
+			str: 'strength',
+			int: 'intellect',
+			dex: 'dexterity',
 			vit: 'vitality',
 			regenHp: 'health regeneration',
 			manaMax: 'maximum mana',
 			regenMana: 'mana regeneration',
-			str: 'strength',
-			int: 'intellect',
-			dex: 'dexterity',
 			armor: 'armor',
+			attackSpeed: 'attack speed',
+			castSpeed: 'cast speed',
 			blockAttackChance: 'chance to block attacks',
 			blockSpellChance: 'chance to block spells',
 			addCritChance: 'increased crit chance',
@@ -48,13 +50,15 @@ define([
 			elementHolyResist: 'holy resistance',
 			elementPoisonResist: 'poison resistance',
 			elementAllResist: 'all resistance',
-			attackSpeed: 'attack speed',
-			castSpeed: 'cast speed',
-			catchChance: 'extra catch chance',
-			catchSpeed: 'faster catch speed',
-			fishRarity: 'higher fish rarity',
-			fishWeight: 'increased fish weight',
-			fishItems: 'extra chance to hook items'
+
+			increasedStunDuration: 'increased stun duration',
+			physicalPercent: 'increased physical damage',
+			spellPercent: 'increased spell damage',
+			elementPercent: 'increased elemental damage',
+			hpPercent: 'increased life',
+			armorPercent: 'increased armor',
+			spellAddCritChance: 'increased spell crit chance',
+			spellAddCritMultiplier: 'increased spell crit multiplier'
 		}
 	};
 });

helpers/passives/client/js/generator.js

@@ -216,7 +216,7 @@ define([
 				if (!selected)
 					return true;
 
-				selected.color = (selected.color + 1) % 4;
+				selected.color = (selected.color + 1) % 5;
 			},
 
 			resizeNode: function () {

helpers/passives/client/js/renderer.js

@@ -180,12 +180,18 @@ define([
 			},
 
 			node: function (node) {
+				var color = (node.color >= 0) ? (node.color + 1) : -1;
+				if ((!node.stats) || (Object.keys(node.stats).length == 0))
+					color = 0;
+
 				this.ctx.fillStyle = ([
+					'#69696e',
 					'#c0c3cf',
 					'#3fa7dd',
 					'#4ac441',
-					'#d43346'
-				])[node.color];
+					'#d43346',
+					'#a24eff'
+				])[color];
 				var size = ([
 					constants.blockSize,
 					constants.blockSize * 2,
@@ -197,11 +203,13 @@ define([
 				this.ctx.fillRect(x, y, size, size);
 
 				this.ctx.strokeStyle = ([
+					'#69696e',
 					'#69696e',
 					'#42548d',
 					'#386646',
-					'#763b3b'
-				])[node.color];
+					'#763b3b',
+					'#533399'
+				])[color];
 				this.ctx.strokeRect(x, y, size, size);
 
 				if (node.selected) {

helpers/passives/client/ui/templates/nodeInfo/nodeInfo.js

@@ -48,7 +48,7 @@ define([
 				if (nodes.some(n => (n.group != group)))
 					group = '';
 			}
-			this.find('.lblGroup').html(group.toString());
+			this.find('.lblGroup').html((group || []).toString());
 
 			var size = nodes.size;
 			if (isArray) {
@@ -145,6 +145,8 @@ define([
 
 				this.updateNode();
 				this.setStats();
+
+				this.el.removeClass('picking');
 			},
 
 			onShowLookup: function (e) {