1 files changed, 47 insertions, 1 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 58f4175e..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,7 +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;
+        }
+    },
+
+    bound: {
+        value: false
+    },
+
+    _hudOptions: {
+        value: []
+    },
+
+    hudOptions: {
+        get: function() {
+            return this._hudOptions;
+        },
+        set: function(val) {
+            this._hudOptions = val;
+            this.title = val.title;
+            this.bound = val.bound;
+            this.needsDraw = true;
+        }
+    },
+
+    draw: {
+        value:function() {
+            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