1 files changed, 359 insertions, 0 deletions

diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.js b/js/panels/binding/edit-binding-view.reel/edit-binding-view.js
new file mode 100644
index 00000000..4b20f74a
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.js
@@ -0,0 +1,359 @@
+/* <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,
+    Converter = require("montage/core/converter/converter").Converter;
+
+
+var editBindingView = exports.EditBindingView = Montage.create(Component, {
+    sourceObjectIconElement : { value: null },
+    boundObjectIconElement  : { value: null },
+
+    objectIdentifiers : {
+        value: null
+    },
+    getObjectIdentifiers : {
+        value: function() {
+            return this.application.ninja.objectsController.objects.map(function(object) {
+                return object.identifier;
+            });
+        }
+    },
+
+    /* -------------------
+     Object Identifier (for associating with object)
+     ------------------- */
+
+    _sourceObjectIdentifier : { value: null },
+    sourceObjectIdentifier : {
+        get : function() { return this._sourceObjectIdentifier; },
+        set : function(value) {
+            if(value === this._sourceObjectIdentifier) { return; }
+
+            this._sourceObjectIdentifier = value;
+
+            this.needsDraw = true;
+        }
+    },
+
+    _boundObjectIdentifier : { value: null },
+    boundObjectIdentifier : {
+        get : function() { return this._boundObjectIdentifier; },
+        set : function(value) {
+            if(value === this._boundObjectIdentifier) { return; }
+
+            this._boundObjectIdentifier = value;
+
+            this.needsDraw = true;
+        }
+    },
+
+
+    /* -------------------
+       Binding Properties
+     ------------------- */
+
+    _sourceObject : { value: null },
+    sourceObject : {
+        get : function() { return this._sourceObject; },
+        set : function(value) {
+            if(value === this._sourceObject) { return; }
+
+            this._sourceObject = value;
+
+            if(value) {
+                this.sourceObjectPropertyPathField.hints = this.application.ninja.objectsController.getPropertiesFromObject(value);
+            }
+
+            this.needsDraw = true;
+        }
+    },
+
+    _boundObject : { value: null },
+    boundObject : {
+        get : function() { return this._boundObject; },
+        set : function(value) {
+            if(value === this._boundObject) { return; }
+            this._boundObject = value;
+
+            if(value) {
+                this.boundObjectPropertyPathField.hints = this.application.ninja.objectsController.getPropertiesFromObject(value);
+            }
+
+            this.needsDraw = true;
+        }
+    },
+
+    _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;
+        }
+    },
+
+    /* -------------------
+     Binding Args Object
+     ------------------- */
+
+    _bindingArgs : {
+        value: null
+    },
+    bindingArgs :{
+        get: function() {
+            return this._bindingArgs;
+        },
+        set: function(value) {
+            if(value === this._bindingArgs) { return; }
+
+            // clear form values
+            this.clearForm();
+
+            this._bindingArgs = value;
+
+            if(value) {
+                // set up hints for hintable components
+                this.objectIdentifiers = this.getObjectIdentifiers();
+                this.boundObjectField.hints = this.objectIdentifiers;
+                this.sourceObjectField.hints = this.objectIdentifiers;
+
+                if(value.sourceObject) {
+                    this.sourceObjectIdentifier = value.sourceObject.identifier || value.sourceObject._montage_metadata.label;
+                    this.sourceObjectPropertyPath = value.sourceObjectPropertyPath || '';
+                }
+
+                if(value.boundObject) {
+                    this.boundObjectIdentifier = value.boundObject.identifier || '';
+                    this.boundObjectPropertyPath = value.boundObjectPropertyPath || '';
+                    this.isNewBinding = false;
+                } else {
+                    this.isNewBinding = true;
+                }
+
+                this.oneway = value.oneway;
+            }
+
+            this.needsDraw = true;
+        }
+    },
+
+    /* -------------------
+     Form properties
+     ------------------- */
+
+    dirty: { value: null },
+    isNewBinding : { value: null },
+
+    "sourceObjectField"             : {value: null, enumerable: true },
+    "boundObjectField"              : {value: null, enumerable: true },
+    "sourceObjectPropertyPathField" : {value: null, enumerable: true },
+    "boundObjectPropertyPathField"  : {value: null, enumerable: true },
+    "directionCheckbox"             : {value: null, enumerable: true },
+    "deleteButton"                  : {value: null },
+    "saveButton"                    : {value: null },
+    "cancelButton"                  : {value: null },
+
+    clearForm : {
+        value: function() {
+            var fields = ["sourceObjectField",
+                          "boundObjectField",
+                          "sourceObjectPropertyPathField",
+                          "boundObjectPropertyPathField"];
+
+            fields.forEach(function(fieldName) {
+                this[fieldName].value = "";
+            }, this);
+
+            this._bindingArgs = null;
+
+            this.dirty = false;
+        }
+    },
+
+    saveForm : {
+        value: function() {
+            var controller = this.application.ninja.objectsController,
+                newBindingArgs = {