1 files changed, 16 insertions, 22 deletions

diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js
index 1fc4d583..9e1b3e22 100755
--- a/js/stage/binding-view.reel/binding-view.js
+++ b/js/stage/binding-view.reel/binding-view.js
@@ -97,20 +97,20 @@ exports.BindingView = Montage.create(Component, {
         }
     },
 
-    _selectedComponent: { value: null },
-    selectedComponent: {
+    _selectedElement: { value: null },
+    selectedElement: {
         get: function() {
-            return this._selectedComponent;
+            return this._selectedElement;
         },
         set: function(val) {
             this.boundComponents = [];
-            if(this._selectedComponent !== val) {
+            if(this._selectedElement !== val) {
                 this.clearCanvas();
-            this._selectedComponent = val;
-            if(this._selectedComponent !== null) {
-                this.application.ninja.objectsController.currentObject = this.selectedComponent;
-                if (this.selectedComponent !== null) {
-                    this.boundComponents.push(this.selectedComponent);
+                this._selectedElement = val;
+            if(this._selectedElement !== null) {
+                this.application.ninja.objectsController.currentObject = this._selectedElement.controller;
+                if (this._selectedElement !== null) {
+                    this.boundComponents.push(this._selectedElement);
                 }
             }
                 this.needsDraw = true;
@@ -198,7 +198,7 @@ exports.BindingView = Montage.create(Component, {
         }
     },
 
-    _hide : { value: null },
+    _hide : { value: true },
     hide : {
         get : function() { return this._hide; },
         set : function(value) {
@@ -219,12 +219,12 @@ exports.BindingView = Montage.create(Component, {
                 this.element.style.removeProperty('display');
                 this.element.style.width = this.width + "px";
                 this.element.style.height = this.height + "px";
-                if(this.selectedComponent !== null && typeof(this.selectedComponent) !== "undefined") {
+                if(this._selectedElement !== null && typeof(this._selectedElement) !== "undefined") {
                     this.canvas.width  = this.application.ninja.stage.drawingCanvas.offsetWidth;
                     this.canvas.height = this.application.ninja.stage.drawingCanvas.offsetHeight;
                     this.clearCanvas();
                     for(var i= 0; i < this.hudRepeater.childComponents.length; i++) {
-                        this.drawLine(this.hudRepeater.objects[i].element.offsetLeft,this.hudRepeater.objects[i].element.offsetTop, this.hudRepeater.childComponents[i].element.offsetLeft +3, this.hudRepeater.childComponents[i].element.offsetTop +3, "#CCC", 2);
+                        this.drawLine(this.hudRepeater.objects[i].offsetLeft,this.hudRepeater.objects[i].offsetTop, this.hudRepeater.childComponents[i].element.offsetLeft +1, this.hudRepeater.childComponents[i].element.offsetTop +1, "#CCC", 2);
                     }
                     if(this._isDrawingConnection) {
                         if (this.hudRepeater.childComponents.length > 1) {
@@ -247,12 +247,6 @@ exports.BindingView = Montage.create(Component, {
         }
     },
 
-    didDraw: {
-        value: function() {
-
-        }
-    },
-
     drawLine: {
         value: function(fromX,fromY,toX,toY, color, width) {
             if(width === null) width = 1;
@@ -347,7 +341,7 @@ exports.BindingView = Montage.create(Component, {
             if(this._isDrawingConnection && !overHud) {
                 //NOTE : Continue This content. mouse over select
                 var obj = this.application.ninja.stage.getElement(event, true);
-                if (obj && obj.controller !== this.selectedComponent)
+                if (obj && obj !== this.selectedElement)
                 {
                     if (!obj.controller || obj === null)
                     {
@@ -369,7 +363,7 @@ exports.BindingView = Montage.create(Component, {
                             }
                             this._targetedElement = obj;
                             this._targetedElement.classList.add("active-element-outline");
-                            this.boundComponents.push(this._targetedElement.controller);
+                            this.boundComponents.push(this._targetedElement);
                         }
                     }
                 }
@@ -392,7 +386,7 @@ exports.BindingView = Montage.create(Component, {
 //            var mouseUpPoint = new WebKitPoint(e.pageX, e.pageY);
 //            var nodeEl = new webkitConvertPointFromPageToNode(this.element, mouseUpPoint);
                 //debugger;
-            this.connectionElementEnd = nodeEl.parentElement.controller.parentComponent.parentComponent.userComponent;
+            this.connectionElementEnd = nodeEl.parentElement.controller.parentComponent.parentComponent.userElement.controller;
             this.connectionPropertyEnd = nodeEl.parentElement.controller.title;
                 this.application.ninja.objectsController.addBinding({
                     sourceObject: this.connectionElementStart,
@@ -415,7 +409,7 @@ exports.BindingView = Montage.create(Component, {
         value: function(e) {
             // We are looking for a mouse down on an option to start the connection visual
             if(e._event.target.classList.contains("connectorBubble")) {
-                this.connectionElementStart = e._event.target.parentElement.controller.parentComponent.parentComponent.userComponent;
+                this.connectionElementStart = e._event.target.parentElement.controller.parentComponent.parentComponent.userElement.controller;
                 this.connectionPropertyStart = e._event.target.parentElement.controller.title;
                 this._isDrawingConnection = true;
                 this._connectionPositionStart = webkitConvertPointFromPageToNode(this.element, new WebKitPoint(e.pageX, e.pageY));