aboutsummaryrefslogtreecommitdiff
path: root/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/stage/binding-view.reel/binding-hud.reel/binding-hud.html')
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud.reel/binding-hud.html73
1 files changed, 73 insertions, 0 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
new file mode 100755
index 00000000..b8410f9b
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud.reel/binding-hud.html
@@ -0,0 +1,73 @@
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-hud.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": {"#": "bindingHud"},
18 "titleElement": {"#": "title"}
19 }
20 },
21 "repeater": {
22 "prototype": "montage/ui/repetition.reel",
23 "properties": {
24 "element": {"#": "hudRepetition"}
25 },
26 "bindings": {
27 "objects": {"<-": "@owner.properties"}
28 }
29 },
30 "hudOption": {
31 "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
32 "properties": {
33 "element": {"#" : "hudOption"}
34 },
35 "bindings": {
36 "hudOptions": {"<-": "@repeater.objectAtCurrentIteration"}
37 }
38 },
39 "resizer1": {
40 "prototype": "js/panels/resize-composer",
41 "properties": {
42 "element": {"#": "title"},
43 "component": {"@": "owner"}
44 },
45 "listeners": [
46 {
47 "type": "resizeStart",
48 "listener": {"@": "owner"}
49 },
50 {
51 "type": "resizeMove",
52 "listener": {"@": "owner"}
53 },
54 {
55 "type": "resizeEnd",
56 "listener": {"@": "owner"}
57 }
58 ]
59 }
60 }
61 </script>
62
63</head>
64<body>
65 <section data-montage-id="bindingHud" class="bindingHud">
66 <div data-montage-id="title" class="bindingTitle"></div>
67 <div data-montage-id="hudRepetition" class="hudRepetition">
68 <div data-montage-id="hudOption"></div>
69 </div>
70 </section>
71
72</body>
73</html>