1 files changed, 101 insertions, 0 deletions

diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js
new file mode 100755
index 00000000..a0ca0c4f
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-view.js
@@ -0,0 +1,101 @@
+/* <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> */
+
+/**
+@requires montage/core/core
+@requires montage/ui/component
+*/
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+exports.BindingView = Montage.create(Component, {
+    //private Properties
+    _selectedElement: {
+        value: null
+    },
+    _bindables: {
+        value: []
+    },
+    _nonVisualComponents: {
+        value:[]
+    },
+
+    //Public Objects
+    hudRepeater: { value: null },
+
+
+    //Public Properties
+    selectedElement: {
+        get: function() {
+            return this._selectedElement;
+        },
+        set: function(val) {
+            this._selectedElement = val;
+            this.needsDraw = true;
+        }
+    },
+    bindables: {
+        get: function() {
+            return this._bindables;
+        },
+        set: function(val) {
+            this._bindables = val;
+        }
+    },
+    nonVisualComponents: {
+        get: function() {
+            return this._nonVisualComponents;
+        },
+        set: function(val) {
+            this._nonVisualComponents = val;
+        }
+    },
+
+    //Methods
+
+    //Montage Draw Cycle
+    prepareForDraw: {
+        value: function() {
+
+        }
+    },
+
+    draw: {
+        value: function() {
+            if(this.selectedElement !== null) {
+                this.bindables = [
+                    {
+                        "title": "Input1",
+                        "properties": [
+                            {"title":"Value"},
+                            {"title": "Width"}
+                        ],
+                        "x": 20,
+                        "y": 20
+                    },
+                    {
+                        "title": "Checkbox1",
+                        "properties": [
+                            {"title":"Group"},
+                            {"title": "Value"}
+                        ],
+                        "x": 120,
+                        "y": 120
+                    }
+                ];
+            } else {
+                this.bindables = [];
+            }
+        }
+    },
+
+    didDraw: {
+        value: function() {
+
+        }
+    }
+
+});
\ No newline at end of file