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.html145
1 files changed, 145 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..34f207b4
--- /dev/null
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
@@ -0,0 +1,145 @@
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 "flow": {"@": "flow1"}
20 }
21 },
22 "searchResultsController": {
23 "module": "montage/ui/controller/array-controller",
24 "name": "ArrayController",
25 "bindings": {
26 "content": {
27 "boundObject": {"@": "owner"},
28 "boundObjectPropertyPath": "searchResults"
29 }
30 }
31 },
32 "image1": {
33 "prototype": "montage/ui/picasa-carousel.reel/image.reel",
34 "properties": {
35 "element": {"#": "image"}
36 },
37 "bindings": {
38 "src": {
39 "boundObject": {"@": "flow1"},
40 "boundObjectPropertyPath": "objectAtCurrentIteration.media$group.media$thumbnail.2.url",
41 "oneway": true
42 }
43 }
44 },
45 "translateComposer1": {
46 "module": "montage/ui/composer/translate-composer",
47 "name": "TranslateComposer",
48 "properties": {
49 "component": {"@": "flow1"}
50 },
51 "bindings": {
52 "maxTranslateX": {
53 "boundObject": {"@": "flow1"},
54 "boundObjectPropertyPath": "length",
55 "oneway": true
56 },
57 "translateX": {
58 "boundObject": {"@": "flow1"},
59 "boundObjectPropertyPath": "origin"
60 }
61 }
62 },
63 "nearest": {
64 "module": "montage/ui/nearest-neighbor-component-search",
65 "name": "NearestNeighborComponentSearch",
66 "bindings": {
67 "componentList": {
68 "boundObject": {"@": "flow1"},
69 "boundObjectPropertyPath": "_repetitionComponents",
70 "oneway": true
71 },
72 "pointerPosition": {
73 "boundObject": {"@": "translateComposer1"},
74 "boundObjectPropertyPath": "pointerStartEventPosition",
75 "oneway": true
76 }
77 }
78 },
79 "flow1": {
80 "module": "montage/ui/flow.reel",
81 "name": "Flow",
82 "properties": {
83 "element": {"#": "flow"},
84 "cameraRotationAxisX": 1,
85 "cameraRotationAxisY": 0,
86 "cameraRotationAxisZ": 0,
87 "scale": 210
88 },
89 "bindings": {
90 "objects": {
91 "boundObject": {"@": "searchResultsController"},
92 "boundObjectPropertyPath": "content",
93 "oneway": true
94 },
95 "path": {
96 "boundObject": {"@": "path2"},
97 "boundObjectPropertyPath": "path",
98 "oneway": true
99 },
100 "cameraRotationAngle": {
101 "boundObject": {"@": "slider3"},
102 "boundObjectPropertyPath": "value",
103 "oneway": true
104 },
105 "selectedSlideIndex": {
106 "boundObject": {"@": "nearest"},
107 "boundObjectPropertyPath": "nearestNeighborComponent",
108 "oneway": true
109 },
110 "scale": {
111 "boundObject": {"@": "slider2"},
112 "boundObjectPropertyPath": "value",
113 "oneway": true
114 }
115 }
116 },
117 "path2": {
118 "module": "montage/ui/flow-path",
119 "name": "FlowPath",
120 "properties": {
121 "evalPath": [
122 "path.translateX = slide.time",
123 "path.translateY = 0",
124 "path.translateZ = Math.pow(1.1, -slide.time*slide.time/30000)*600-600",
125 "path.rotateX = 0",
126 "path.rotateY = 0",
127 "path.rotateZ = slide.speed/1500"
128 ]
129 }
130 }
131
132 }
133 </script>
134
135</head>
136<body>
137
138 <div data-montage-id="montage-google-picasa-carousel" class="montage-google-picasa-carousel">
139 <div id="flow" class="flow" style="-webkit-perspective: 1400px; -webkit-transform-style: preserve-3d; width:800px; height:160px; border:1px;">
140 <img id="image" class="image"/>
141 </div>
142 </div>
143
144</body>
145</html>