Showing Bound Items in hud

Signed-off-by: Armen Kesablyan <armen@motorola.com>

3 files changed, 13 insertions, 2 deletions

diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
index 59e070e8..fb0fd57e 100755
--- a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -33,6 +33,10 @@ exports.BindingHudOption = Montage.create(Component, {
     prepareForDraw: {
         value: function() {
             // Set Up Listener for click and propagate up to Binding View
+            var matchesBound = this.parentComponent.parentComponent.boundProperties.filter(function(obj) {
+                return (obj === this.title);
+            }.bind(this));
+            if(matchesBound.length > 0) this.bound = true;
         }
     },
 
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
index 76b8e37e..f15f1e50 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.css
@@ -46,7 +46,7 @@
     cursor: pointer;
 }
 
-.hudOption.bound, .bindingHud .hudOption.bound {
+.bindingHud .hudOption.bound .connectorBubble {
     background:  -webkit-linear-gradient(top, #d0e4f7 0%,#73b1e7 24%,#0a77d5 50%,#539fe1 79%,#87bcea 100%);
 }
 
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
index b03c5a06..fddce11c 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
@@ -20,6 +20,10 @@ exports.BindingHud = Montage.create(Component, {
         value: null
     },
 
+    boundProperties: {
+        value: []
+    },
+
     _userComponent: { value: null  },
     userComponent: {
         get: function() {
@@ -32,6 +36,9 @@ exports.BindingHud = Montage.create(Component, {
                 this.x = val.element.offsetLeft;
                 this.y = val.element.offsetTop;
                 this.properties = this.application.ninja.objectsController.getPropertiesFromObject(val, true);
+                this.application.ninja.objectsController.getObjectBindings(this.userComponent).forEach(function(obj) {
+                    this.boundProperties.push(obj.sourceObjectPropertyPath);
+                }.bind(this));
                 this.needsDraw = true;
             }
         }
@@ -133,7 +140,7 @@ exports.BindingHud = Montage.create(Component, {
 //                }
 //                this.properties.push({"title":obj, "bound": objBound});
 //            }.bind(this));
-            this.parentComponent.parentComponent.handleShowBinding(this.application.ninja.objectsController.getObjectBindings(this.userComponent));
+            //this.parentComponent.parentComponent.handleShowBinding(this.application.ninja.objectsController.getObjectBindings(this.userComponent));
         }
     },