Binding Visual Tool Initial setup

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

2 files changed, 18 insertions, 4 deletions

diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
index 73252de4..c81b70d3 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
@@ -25,11 +25,20 @@
                 "bindings": {
                     "objects": {
                         "boundObject": {"@": "owner"},
-                        "boundObjectPropertyPath": "bindables",
+                        "boundObjectPropertyPath": "properties",
                         "oneway": true
                     }
                 }
             },
+            "hudOption": {
+                "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
+                "properties": {
+                    "element": {"#" : "hudOption"}
+                },
+                "bindings": {
+                    "title": {"<-": "@objectAtCurrentIteration.title"}
+                }
+            }
         }
     </script>
 
@@ -39,7 +48,7 @@
 
     <section data-montage-id="bindingHud" class="bindingHud">
         <div data-montage-id="hudRepetition" class="hudRepetition">
-
+            <div data-montage-id="hudOption" class="hudOption"></div>
         </div>
     </section>
 
diff --git a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
index cbb4c1d7..a63f2775 100755
--- a/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.js
@@ -11,6 +11,11 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
 var Montage = require("montage/core/core").Montage,
     Component = require("montage/ui/component").Component;
 
-exports.bindingHud = Montage.create(Component, {
-
+exports.BindingHud = Montage.create(Component, {
+    properties: {
+        value: [
+            {"title": "myProperty1"},
+            {"title":"myproperty2"}
+        ]
+    }
 });
\ No newline at end of file