aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html')
-rwxr-xr-xnode_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html181
1 files changed, 181 insertions, 0 deletions
diff --git a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
new file mode 100755
index 00000000..fdb452d7
--- /dev/null
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
@@ -0,0 +1,181 @@
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 <title></title>
10 <link rel="stylesheet" type="text/css" href="picasa-carousel.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "montage/ui/picasa-carousel.reel",
16 "properties": {
17 "element": {"#": "montage-google-picasa-carousel"},
18 "searchResultsList": {"@": "searchResultsList"}
19 }
20 },
21 "searchResultsController": {
22 "module": "montage/ui/controller/array-controller",
23 "name": "ArrayController",
24 "bindings": {
25 "content": {
26 "boundObject": {"@": "owner"},
27 "boundObjectPropertyPath": "searchResults"
28 }
29 }
30 },
31 "image1": {
32 "prototype": "montage/ui/picasa-carousel.reel/image.reel",
33 "properties": {
34 "element": {"#": "image"}
35 },
36 "bindings": {
37 "src": {
38 "boundObject": {"@": "flow1"},
39 "boundObjectPropertyPath": "objectAtCurrentIteration.media$group.media$thumbnail.2.url",
40 "oneway": true
41 }
42 }
43 },
44 "translateComposer1": {
45 "module": "montage/ui/composer/translate-composer",
46 "name": "TranslateComposer",
47 "properties": {
48 "component": {"@": "flow1"}
49 },
50 "bindings": {
51 "maxTranslateX": {
52 "boundObject": {"@": "flow1"},
53 "boundObjectPropertyPath": "length",
54 "oneway": true
55 },
56 "translateX": {
57 "boundObject": {"@": "flow1"},
58 "boundObjectPropertyPath": "origin"
59 }
60 }
61 },
62 "nearest": {
63 "module": "montage/ui/nearest-neighbor-component-search",
64 "name": "NearestNeighborComponentSearch",
65 "bindings": {
66 "componentList": {
67 "boundObject": {"@": "flow1"},
68 "boundObjectPropertyPath": "_repetitionComponents",
69 "oneway": true
70 },
71 "pointerPosition": {
72 "boundObject": {"@": "translateComposer1"},
73 "boundObjectPropertyPath": "pointerStartEventPosition",
74 "oneway": true
75 }
76 }
77 },
78 "flow1": {
79 "module": "montage/ui/flow.reel",
80 "name": "Flow",
81 "properties": {
82 "element": {"#": "flow"},
83 "cameraRotationAxisX": 1,
84 "cameraRotationAxisY": 0,
85 "cameraRotationAxisZ": 0,
86 "scale": 380
87 },
88 "bindings": {
89 "objects": {
90 "boundObject": {"@": "searchResultsController"},
91 "boundObjectPropertyPath": "content",
92 "oneway": true
93 },
94 "path": {
95 "boundObject": {"@": "pathLerp1"},
96 "boundObjectPropertyPath": "resultPath",
97 "oneway": true
98 },
99 "cameraRotationAngle": {
100 "boundObject": {"@": "slider3"},
101 "boundObjectPropertyPath": "value",
102 "oneway": true
103 },
104 "selectedSlideIndex": {
105 "boundObject": {"@": "nearest"},
106 "boundObjectPropertyPath": "nearestNeighborComponent",
107 "oneway": true
108 },
109 "scale": {
110 "boundObject": {"@": "slider2"},
111 "boundObjectPropertyPath": "value",
112 "oneway": true
113 }
114 }
115 },
116 "path1": {
117 "module": "montage/ui/flow-path",
118 "name": "FlowPath",
119 "properties": {
120 "evalPath": [
121 "path.translateX = slide.time-slide.index*155+50",
122 "path.translateY = (slide.index%3)*240",
123 "path.translateZ = -slide.time/3",
124 "path.rotateX = slide.speed/200",
125 "path.rotateY = 1",
126 "path.rotateZ = slide.time/500"
127 ]
128 }
129 },
130 "path2": {
131 "module": "montage/ui/flow-path",
132 "name": "FlowPath",
133 "properties": {
134 "evalPath": [
135 "path.translateX = slide.time",
136 "path.translateY = 0",
137 "path.translateZ = slide.time*slide.time/-1500",
138 "path.rotateX = 0",
139 "path.rotateY = slide.time/1200",
140 "path.rotateZ = slide.speed/1500"
141 ]
142 }
143 },
144 "pathLerp1": {
145 "module": "montage/ui/flow-path-lerp",
146 "name": "FlowPathLerp",
147 "properties": {
148 "interpolant": 1
149 },
150 "bindings": {
151 "path1": {
152 "boundObject": {"@": "path1"},
153 "boundObjectPropertyPath": "path",
154 "oneway": true
155 },
156 "path2": {
157 "boundObject": {"@": "path2"},
158 "boundObjectPropertyPath": "path",
159 "oneway": true
160 },
161 "interpolant": {
162 "boundObject": {"@": "slider1"},
163 "boundObjectPropertyPath": "value"
164 }
165 }
166 }
167
168 }
169 </script>
170
171</head>
172<body>
173
174 <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel">
175 <div id="flow" class="flow">
176 <img id="image" class="image"/>
177 </div>
178 </div>
179
180</body>
181</html>