From 7e27b3e586e4a3090822415abbe45f520af1639e Mon Sep 17 00:00:00 2001
From: madcapnmckay <imm102@hotmail.com>
Date: Sun, 4 Dec 2011 13:07:42 -0800
Subject: [PATCH] Added right click handler to tree nodes.

---
 js/ui-tree.js | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/js/ui-tree.js b/js/ui-tree.js
index e756390..4c8a306 100644
--- a/js/ui-tree.js
+++ b/js/ui-tree.js
@@ -239,10 +239,21 @@
 				});
 			}.bind(this);
 			
-			this.doubleClick = function () {
+			this.doubleClick = function (event) {
 				viewModel.handlers.doubleClick(this);
 			}.bind(this);
 			
+			this.clicked = function(event) {
+				switch (event.which) {
+					case 1:
+						this.selectNode();
+						break;
+					case 3:
+						viewModel.handlers.rightClick(this);
+						break;
+				}
+			}.bind(this);
+			
 			this.toggleFolder = function () {
 				this.isOpen(!this.isOpen());
 				viewModel.recalculateSizes();
@@ -300,6 +311,9 @@
 				doubleClick : function (node) {
 					logger('doubled clicked ' + node.name(), configuration.logTo); 
 				},
+				rightClick : function (node) {
+					logger('right click ' + node.name(), configuration.logTo); 
+				},
 				startDrag : function (node) { 
 					logger('start drag', configuration.logTo); 
 				},
@@ -394,7 +408,7 @@
 					{{else}}\
 						<li class=\"${cssClass}\" data-bind=\"css: { empty: !hasChildren(), open: isOpen, rename: isRenaming }\" data-id=\"${ id() }\">\
 					{{/if}}\
-						<div class=\"node\" data-bind=\"nodeDrag : isDraggable(), nodeDrop: { active : isDropTarget(), onDropComplete: move }, css :{ selected: isSelected }, click: selectNode, hover : 'hover', event : { dblclick : doubleClick }\">\
+						<div class=\"node\" data-bind=\"nodeDrag : isDraggable(), nodeDrop: { active : isDropTarget(), onDropComplete: move }, css :{ selected: isSelected }, hover : 'hover', event : { dblclick : doubleClick, mousedown: clicked }\">\
 							{{if hasChildren() }}\
 								<span class=\"handle\" data-bind=\"click: toggleFolder, bubble : false, style: { marginLeft: indent() }, hover : 'hover'\"></span>{{else}}<span class=\"handle\" data-bind=\"style: { marginLeft: indent() }\"></span>{{/if}}<span class=\"icon\"></span><label data-bind=\"visible: !isRenaming()\" unselectable=\"on\">${ name }</label><input class=\"rename\" type=\"text\" data-bind=\"nodeRename: name, onRenameComplete : rename, nodeSelectVisible: isRenaming\"/>\
 						</div>\