1 files changed, 49 insertions, 4 deletions

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 029a1a39..14347a32 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
@@ -12,13 +12,30 @@ var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
 exports.BindingHud = Montage.create(Component, {
-    title: {
-        value: "default"
+    _bindingArgs: {
+        value: null
+    },
+
+    titleElement: {
+        value: null
+    },
+
+    bindingArgs: {
+        get: function() {
+            return this._bindingArgs;
+        },
+        set: function(val) {
+            this._bindingArgs = val;
+            this.title = this.bindingArgs.sourceObject.identifier;
+            this.x = this._bindingArgs.sourceObject.element.offsetLeft;
+            this.y = this._bindingArgs.sourceObject.element.offsetTop;
+            this.needsDraw = true;
+            console.log("Binding Args Set", val);
+        }
     },
+
     properties: {
         value: [
-            {"title": "myProperty1"},
-            {"title":"myproperty2"}
         ]
     },
 
@@ -30,10 +47,38 @@ exports.BindingHud = Montage.create(Component, {
         value: 100
     },
 
+    _title: {
+        value: "default"
+    },
+
+    title: {
+        get: function() {
+            return this._title;
+        },
+        set: function(val) {
+            this._title = val;
+        }
+    },
+
+    prepareForDraw: {
+        value: function() {
+            var arrProperties = this.application.ninja.objectsController.getEnumerableProperties(this._bindingArgs.sourceObject, true);
+            arrProperties.forEach(function(obj) {
+                var objBound = false;
+                if(this._bindingArgs._boundObjectPropertyPath === obj) {
+                    objBound = true;
+                }
+                this.properties.push({"title":obj, "bound": objBound});
+            }.bind(this));
+        }
+    },
+
     draw: {
         value: function() {
+            this.titleElement.innerHTML = this.title;
             this.element.style.top = this.y + "px";
             this.element.style.left = this.x + "px";
+            console.log("hud",this);
         }
     }
 });
\ No newline at end of file