1 files changed, 14 insertions, 1 deletions

diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js
index 900d2b24..b0df6df1 100755
--- a/js/stage/binding-view.reel/binding-view.js
+++ b/js/stage/binding-view.reel/binding-view.js
@@ -13,6 +13,10 @@ var Montage = require("montage/core/core").Montage,
 
 exports.BindingView = Montage.create(Component, {
     //private Properties
+
+    hudRepeater: {
+        value: null
+    },
     _selectedComponent: {
         value: null
     },
@@ -98,7 +102,10 @@ exports.BindingView = Montage.create(Component, {
 
                 //Add the first component which is the selected one to have a hud
 
-                this.componentsList[this.selectedComponent.identifier] = {"component":  this.selectedComponent, "properties": this.application.ninja.objectsController.getPropertyList(this.selectedComponent, true)};
+                this.componentsList[this.selectedComponent.identifier] = {"component":  this.selectedComponent, properties:[] };
+                this.application.ninja.objectsController.getPropertiesFromObject(this.selectedComponent, true).forEach(function(obj) {
+                    this.componentsList[this.selectedComponent.identifier].properties.push({"title":obj})
+                }.bind(this));
                 console.log("components:",this.componentsList);
                 //Go through the loop and find every interacted object by bindings
                 arrBindings.forEach(function(obj) {
@@ -184,6 +191,12 @@ exports.BindingView = Montage.create(Component, {
         }
     },
 
+    didDraw: {
+        value: function() {
+
+        }
+    },
+
     drawBlueLine: {
         value: function(fromX,fromY,toX,toY) {
             this._context.lineWidth = 4; // Set Line Thickness