diff options
Diffstat (limited to 'js/stage/binding-view.reel/binding-view.html')
-rwxr-xr-x | js/stage/binding-view.reel/binding-view.html | 92 |
1 files changed, 92 insertions, 0 deletions
diff --git a/js/stage/binding-view.reel/binding-view.html b/js/stage/binding-view.reel/binding-view.html new file mode 100755 index 00000000..90ef2286 --- /dev/null +++ b/js/stage/binding-view.reel/binding-view.html | |||
@@ -0,0 +1,92 @@ | |||
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", | ||
16 | "properties": { | ||
17 | "element": {"#": "bindingView"}, | ||
18 | "hudRepeater": {"@": "hudRepeater"}, | ||
19 | "canvas": {"#": "bindingViewCanvas"} | ||
20 | } | ||
21 | }, | ||
22 | "hudRepeater": { | ||
23 | "prototype": "montage/ui/repetition.reel", | ||
24 | "properties": { | ||
25 | "element": {"#": "hudRepeater"} | ||
26 | }, | ||
27 | "bindings": { | ||
28 | "objects": {"<-": "@owner.bindables"} | ||
29 | } | ||
30 | }, | ||
31 | "hud": { | ||
32 | "prototype": "js/stage/binding-view.reel/binding-hud.reel", | ||
33 | "properties": { | ||
34 | "element": {"#" : "hud"} | ||
35 | }, | ||
36 | "bindings": { | ||
37 | "bindingArgs": {"<-": "@hudRepeater.objectAtCurrentIteration"} | ||
38 | } | ||
39 | }, | ||
40 | "translateComposer": { | ||
41 | "prototype": "montage/ui/composer/translate-composer", | ||
42 | "properties": { | ||
43 | "component": {"@": "owner"} | ||
44 | }, | ||
45 | "bindings": { | ||
46 | "element": {"<-": "@owner._element"}, | ||
47 | "translateX": {"->": "@owner.translateX"}, | ||
48 | "translateY": {"->": "@owner.translateY"} | ||
49 | } | ||
50 | }, | ||
51 | "nonVisualRepeater": { | ||
52 | "prototype": "montage/ui/repetition.reel", | ||
53 | "properties": { | ||
54 | "element": {"#": "nonVisualRepeater"} | ||
55 | }, | ||
56 | "bindings": { | ||
57 | "objects": {"<-": "@owner.nonVisualComponents"} | ||
58 | } | ||
59 | }, | ||
60 | "nonVisualComponent": { | ||
61 | "prototype": "js/stage/binding-view.reel/non-visual-component.reel", | ||
62 | "properties": { | ||
63 | "element": {"#": "nonVisualComponent"} | ||
64 | }, | ||
65 | "bindings": { | ||
66 | "objectName": {"<-": "@hudRepeater.objectAtCurrentIteration.objectName"}, | ||
67 | "objectImage": {"<-": "@hudRepeater.objectAtCurrentIteration.objectImage"} | ||
68 | } | ||
69 | } | ||
70 | } | ||
71 | </script> | ||
72 | |||
73 | </head> | ||
74 | <body> | ||
75 | |||
76 | |||
77 | <section data-montage-id="bindingView" class="bindingView"> | ||
78 | <div data-montage-id="hudRepeater" class="hudRepeater"> | ||
79 | <div data-montage-id="hud"> | ||
80 | |||
81 | </div> | ||
82 | </div> | ||
83 | <div data-montage-id="nonVisualRepeater"> | ||
84 | <div data-montage-id="nonVisualComponent"> | ||
85 | |||
86 | </div> | ||
87 | </div> | ||
88 | <canvas data-montage-id="bindingViewCanvas" class="bindingViewCanvas"></canvas> | ||
89 | </section> | ||
90 | |||
91 | </body> | ||
92 | </html> | ||