binding canvas

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

1 files changed, 23 insertions, 0 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..07cbff11 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
@@ -14,5 +14,28 @@ var Montage = require("montage/core/core").Montage,
 exports.BindingHudOption = Montage.create(Component, {
     title: {
         value: "value"
+    },
+    _bindings: {
+        value: []
+    },
+
+    bindings: {
+        get: function() {
+            return this._bindings;
+        },
+        set: function(val) {
+            this._bindings = val;
+            this.needsDraw = true;
+        }
+    },
+
+    draw: {
+        value:function() {
+            if(this.bindings.length > 0) {
+                this.element.classList.add("bound");
+            } else {
+                this.element.classList.remove("bound");
+            }
+        }
     }
 });
\ No newline at end of file