aboutsummaryrefslogtreecommitdiff
path: root/js/stage/binding-view.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/stage/binding-view.reel')
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css5
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html27
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js18
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.html13
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.js9
-rwxr-xr-xjs/stage/binding-view.reel/binding-view.html11
-rwxr-xr-xjs/stage/binding-view.reel/binding-view.js33
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.css5
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.html27
-rwxr-xr-xjs/stage/binding-view.reel/non-visual-component.reel/non-visual-component.js18
10 files changed, 153 insertions, 13 deletions
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
new file mode 100755
index 00000000..018448f1
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
@@ -0,0 +1,5 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
new file mode 100755
index 00000000..6b670455
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
@@ -0,0 +1,27 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html>
8<head>
9 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" type="text/css" href="binding-view.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "js/stage/binding-view.reel/binding-hud.reel",
16 "properties": {
17 "element": {"#": "hudOption"}
18 }
19 }
20 }
21 </script>
22
23</head>
24<body>
25 <div class="hudOption">Label for options</div>
26</body>
27</html>
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
new file mode 100755
index 00000000..91a0564e
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -0,0 +1,18 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5</copyright> */
6
7/**
8@requires montage/core/core
9@requires montage/ui/component
10*/
11var Montage = require("montage/core/core").Montage,
12 Component = require("montage/ui/component").Component;
13
14exports.bindingHud = Montage.create(Component, {
15 title: {
16 value: "value"
17 }
18}); \ No newline at end of file
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 @@
25 "bindings": { 25 "bindings": {
26 "objects": { 26 "objects": {
27 "boundObject": {"@": "owner"}, 27 "boundObject": {"@": "owner"},
28 "boundObjectPropertyPath": "bindables", 28 "boundObjectPropertyPath": "properties",
29 "oneway": true 29 "oneway": true
30 } 30 }
31 } 31 }
32 }, 32 },
33 "hudOption": {
34 "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
35 "properties": {
36 "element": {"#" : "hudOption"}
37 },
38 "bindings": {
39 "title": {"<-": "@objectAtCurrentIteration.title"}
40 }
41 }
33 } 42 }
34 </script> 43 </script>
35 44
@@ -39,7 +48,7 @@
39 48
40 <section data-montage-id="bindingHud" class="bindingHud"> 49 <section data-montage-id="bindingHud" class="bindingHud">
41 <div data-montage-id="hudRepetition" class="hudRepetition"> 50 <div data-montage-id="hudRepetition" class="hudRepetition">
42 51 <div data-montage-id="hudOption" class="hudOption"></div>
43 </div> 52 </div>
44 </section> 53 </section>
45 54
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
11var Montage = require("montage/core/core").Montage, 11var Montage = require("montage/core/core").Montage,
12 Component = require("montage/ui/component").Component; 12 Component = require("montage/ui/component").Component;
13 13
14exports.bindingHud = Montage.create(Component, { 14exports.BindingHud = Montage.create(Component, {
15 15 properties: {
16 value: [
17 {"title": "myProperty1"},
18 {"title":"myproperty2"}
19 ]
20 }
16}); \ No newline at end of file 21}); \ No newline at end of file
diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html
index 43fa0112..152345d4 100755
--- a/js/stage/binding-view.reel/binding-view.html
+++ b/js/stage/binding-view.reel/binding-view.html
@@ -21,7 +21,7 @@
21 "hudRepeater": { 21 "hudRepeater": {
22 "prototype": "montage/ui/repetition.reel", 22 "prototype": "montage/ui/repetition.reel",
23 "properties": { 23 "properties": {
24 "element": {"#": "hudRepetition"} 24 "element": {"#": "hudRepeater"}
25 }, 25 },
26 "bindings": { 26 "bindings": {
27 "objects": { 27 "objects": {
@@ -57,12 +57,12 @@
57 }, 57 },
58 "bindings": { 58 "bindings": {
59 "objectName": { 59 "objectName": {
60 "boundObject": {"@": "hudRepetition"}, 60 "boundObject": {"@": "hudRepeater"},
61 "boundObjectPropertyPath": "objectAtCurrentIteration.objectName", 61 "boundObjectPropertyPath": "objectAtCurrentIteration.objectName",
62 "oneway": true 62 "oneway": true
63 }, 63 },
64 "objectImage": { 64 "objectImage": {
65 "boundObject": {"@": "undoList"}, 65 "boundObject": {"@": "hudRepeater"},
66 "boundObjectPropertyPath": "objectAtCurrentIteration.objectImage", 66 "boundObjectPropertyPath": "objectAtCurrentIteration.objectImage",
67 "oneway": true 67 "oneway": true
68 } 68 }
@@ -76,11 +76,14 @@
76 76
77 77
78 <section data-montage-id="bindingView" class="bindingView"> 78 <section data-montage-id="bindingView" class="bindingView">
79 <div data-montage-id="hudRepetition" class="hudRepetition"> 79 <div data-montage-id="hudRepeater" class="hudRepetition">
80 <div data-montage-id="hud"> 80 <div data-montage-id="hud">
81 81
82 </div> 82 </div>
83 </div> 83 </div>
84 <div data-montage-id="nonVisualRepeater">
85 <div data-montage-id="nonVisualComponent"></div>
86 </div>
84 </section> 87 </section>
85 88
86</body> 89</body>
diff --git a/js/stage/binding-view.reel/binding-view.js b/js/stage/binding-view.reel/binding-view.js
index d3d988c1..df3bc3ee 100755
--- a/js/stage/binding-view.reel/binding-view.js
+++ b/js/stage/binding-view.reel/binding-view.js
@@ -11,10 +11,31 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot
11var Montage = require("montage/core/core").Montage, 11var Montage = require("montage/core/core").Montage,
12 Component = require("montage/ui/component").Component; 12 Component = require("montage/ui/component").Component;
13 13
14exports.bindingView = Montage.create(Component, { 14exports.BindingView = Montage.create(Component, {
15 //private Properties
16 _selectedElement: {
17 value: null
18 },
15 _bindables: { 19 _bindables: {
16 value: [] 20 value: []
17 }, 21 },
22 _nonVisualComponents: {
23 value:null
24 },
25
26 //Public Objects
27 hudRepeater: { value: null },
28
29
30 //Public Properties
31 selectedElement: {
32 get: function() {
33 return this._selectedElement;
34 },
35 set: function(val) {
36 this._selectedElement = val;
37 }
38 },
18 bindables: {