Merge pull request #323 from dhg637/binding

Binding View - Binding Tool & Binding Panel

1 files changed, 118 insertions, 0 deletions

diff --git a/js/panels/binding/binding-item.reel/binding-item.js b/js/panels/binding/binding-item.reel/binding-item.js
new file mode 100644
index 00000000..adc6320c
--- /dev/null
+++ b/js/panels/binding/binding-item.reel/binding-item.js
@@ -0,0 +1,118 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+
+var Montage   = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+
+exports.BindingItem = Montage.create(Component, {
+    sourceObjectLabel : { value: null },
+    boundObjectLabel : { value: null },
+
+    bindingArgs : {
+        value: null
+    },
+
+    _sourceObject : { value: null },
+    sourceObject : {
+        get: function() {
+            return this._sourceObject;
+        },
+        set: function(value) {
+            if(value === this._sourceObject) { return; }
+
+            if(value && value.identifier) {
+                this.sourceObjectLabel = value.identifier;
+            }
+
+            this._sourceObject = value;
+        }
+    },
+    _boundObject : { value: null },
+    boundObject : {
+        get: function() {
+            return this._boundObject;
+        },
+        set: function(value) {
+            if(value === this._boundObject) { return; }
+
+            if(value && value.identifier) {
+                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;
+        }
+    },
+
+    /* -------------- Events -------------- */
+
+    handleDirectionToggleButtonAction : {
+        value: function(e) {
+            var controller = this.application.ninja.objectsController;
+
+            this.oneway = !this.oneway;
+            controller.editBinding(this.bindingArgs, {
+                oneway: !this.bindingArgs.oneway
+            });
+            controller.currentItem = controller.currentItem;
+        }
+    },
+
+    handleEditButtonAction : {
+        value: function(e) {
+            this.parentComponent.parentComponent.displayEditView(this.bindingArgs);
+        }
+    },
+
+    /* -------------- Component Draw Cycle -------------- */
+
+    draw : {
+        value: function() {
+            if(this.oneway) {
+                this.directionToggleButton.element.classList.remove('two-way');
+            } else {
+                this.directionToggleButton.element.classList.add('two-way');
+            }
+        }
+    }
+});
\ No newline at end of file