Bindings Panel - Update binding panel components

1 files changed, 63 insertions, 1 deletions

diff --git a/js/panels/binding/binding-item.reel/binding-item.js b/js/panels/binding/binding-item.reel/binding-item.js
index 9365da65..bda62ef3 100644
--- a/js/panels/binding/binding-item.reel/binding-item.js
+++ b/js/panels/binding/binding-item.reel/binding-item.js
@@ -9,8 +9,70 @@ var Montage   = require("montage/core/core").Montage,
 
 
 exports.BindingItem = Montage.create(Component, {
+    sourceObjectLabel : { value: null },
+    boundObjectLabel : { value: null },
 
-    sourceObjectPropertyPath : { value: null },
+    _sourceObject : { value: null },
+    sourceObject : {
+        get: function() {
+            return this._sourceObject;
+        },
+        set: function(value) {
+            if(value === this._sourceObject) { return; }
+
+            this.sourceObjectLabel = value.identifier;
+            
+            this._sourceObject = value;
+        }
+    },
+    _boundObject : { value: null },
+    boundObject : {
+        get: function() {
+            return this._boundObject;
+        },
+        set: function(value) {
+            if(value === this._boundObject) { return; }
+
+            this.boundObjectLabel = value.identifier;
+
+            this._boundObject = value;
+        }
+    },
+
+    _sourceObjectPropertyPath : { value: null },
+    sourceObjectPropertyPath : {
+        get: function() {
+            return this._sourceObjectPropertyPath;
+        },
+        set: function(value) {
+            if(value === this._sourceObjectPropertyPath) { return; }
+            this._sourceObjectPropertyPath = value;
+            this.needsDraw = true;
+        }
+    },
+    _boundObjectPropertyPath : { value: null },
+    boundObjectPropertyPath : {
+        get: function() {
+            return this._boundObjectPropertyPath;
+        },
+        set: function(value) {
+            if(value === this._boundObjectPropertyPath) { return; }
+            this._boundObjectPropertyPath = value;
+            this.needsDraw = true;
+        }
+    },
+
+    _oneway : { value: null },
+    oneway : {
+        get: function() {
+            return this._oneway;
+        },
+        set: function(value) {
+            if(value === this._oneway) { return; }
+            this._oneway = value;
+            this.needsDraw = true;
+        }
+    },
 
     templateDidLoad : {
         value: function() {