1 files changed, 29 insertions, 6 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 07cbff11..78189415 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
@@ -12,30 +12,53 @@ var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
 exports.BindingHudOption = Montage.create(Component, {
+    _title: {
+        value: null
+    },
+
     title: {
-        value: "value"
+        get: function() {
+            return this._title;
+        },
+        set: function(val) {
+            this._title = val;
+            this.needsDraw = true;
+        }
     },
-    _bindings: {
+
+    bound: {
+        value: false
+    },
+
+    _hudOptions: {
         value: []
     },
 
-    bindings: {
+    hudOptions: {
         get: function() {
-            return this._bindings;
+            return this._hudOptions;
         },
         set: function(val) {
-            this._bindings = val;
+            this._hudOptions = val;
+            this.title = val.title;
+            this.bound = val.bound;
             this.needsDraw = true;
         }
     },
 
     draw: {
         value:function() {
-            if(this.bindings.length > 0) {
+            if(this.bound) {
+                console.log(this.title);
                 this.element.classList.add("bound");
             } else {
                 this.element.classList.remove("bound");
             }
+//            if(this.bindings.length > 0) {
+//                this.element.classList.add("bound");
+//            } else {
+//                this.element.classList.remove("bound");
+//            }
         }
     }
 });
\ No newline at end of file