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.html242
1 files changed, 133 insertions, 109 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
index 34f207b4..8f155d6e 100755
--- a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html
@@ -15,130 +15,154 @@
15 "prototype": "montage/ui/picasa-carousel.reel", 15 "prototype": "montage/ui/picasa-carousel.reel",
16 "properties": { 16 "properties": {
17 "element": {"#": "montage-google-picasa-carousel"}, 17 "element": {"#": "montage-google-picasa-carousel"},
18 "searchResultsList": {"@": "searchResultsList"}, 18 "flow": {"@": "flow"}
19 "flow": {"@": "flow1"}
20 } 19 }
21 }, 20 },
22 "searchResultsController": { 21 "searchResultsController": {
23 "module": "montage/ui/controller/array-controller", 22 "module": "montage/ui/controller/array-controller",
24 "name": "ArrayController", 23 "name": "ArrayController",
25 "bindings": { 24 "bindings": {
26 "content": { 25 "content": {
27 "boundObject": {"@": "owner"}, 26 "boundObject": {"@": "owner"},
28 "boundObjectPropertyPath": "searchResults" 27 "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 } 28 }
29 }
30 },
31 "image": {
32 "prototype": "montage/ui/picasa-carousel.reel/image.reel",
33 "properties": {
34 "element": {"#": "image"}
62 }, 35 },
63 "nearest": { 36 "bindings": {
64 "module": "montage/ui/nearest-neighbor-component-search", 37 "src": {
65 "name": "NearestNeighborComponentSearch", 38 "boundObject": {"@": "flow"},
66 "bindings": { 39 "boundObjectPropertyPath": "objectAtCurrentIteration.media$group.media$thumbnail.2.url",
67 "componentList": { 40 "oneway": true
68 "boundObject": {"@": "flow1"},
69 "boundObjectPropertyPath": "_repetitionComponents",
70 "oneway": true
71 },
72 "pointerPosition": {
73 "boundObject": {"@": "translateComposer1"},
74 "boundObjectPropertyPath": "pointerStartEventPosition",
75 "oneway": true
76 }
77 } 41 }
78 }, 42 }
79 "flow1": { 43 },
80 "module": "montage/ui/flow.reel", 44 "flow": {
81 "name": "Flow", 45 "module": "montage/ui/flow.reel",
82 "properties": { 46 "name": "Flow",
83 "element": {"#": "flow"}, 47 "properties": {
84 "cameraRotationAxisX": 1, 48 "element": {"#": "flow"},
85 "cameraRotationAxisY": 0, 49 "paths": [
86 "cameraRotationAxisZ": 0, 50 {
87 "scale": 210 51 "knots": [
88 }, 52 {
89 "bindings": { 53 "knotPosition": [-1980, 0, 0],
90 "objects": { 54 "nextHandlerPosition": [-1760, 0, 0],
91 "boundObject": {"@": "searchResultsController"}, 55 "previousDensity": 3,
92 "boundObjectPropertyPath": "content", 56 "nextDensity": 3
93 "oneway": true 57 },
94 }, 58 {
95 "path": { 59 "knotPosition": [-1320, 0, 0],
96 "boundObject": {"@": "path2"}, 60 "previousHandlerPosition": [-1540, 0, 0],
97 "boundObjectPropertyPath": "path", 61 "nextHandlerPosition": [-1100, 0, 0],
98 "oneway": true 62 "previousDensity": 3,
99 }, 63 "nextDensity": 3
100 "cameraRotationAngle": { 64 },
101 "boundObject": {"@": "slider3"}, 65 {
102 "boundObjectPropertyPath": "value", 66 "knotPosition": [-660, 0, 0],
103 "oneway": true 67 "previousHandlerPosition": [-880, 0, 0],
104 }, 68 "nextHandlerPosition": [-440, 0, 0],
105 "selectedSlideIndex": { 69 "previousDensity": 3,
106 "boundObject": {"@": "nearest"}, 70 "nextDensity": 3
107 "boundObjectPropertyPath": "nearestNeighborComponent", 71 },
108 "oneway": true 72 {
109 }, 73 "knotPosition": [0, 0, 350],
110 "scale": { 74 "previousHandlerPosition": [-220, 0, 350],
111 "boundObject": {"@": "slider2"}, 75 "nextHandlerPosition": [220, 0, 350],
112 "boundObjectPropertyPath": "value", 76 "previousDensity": 3,
113 "oneway": true 77 "nextDensity": 3
78 },
79 {
80 "knotPosition": [660, 0, 0],
81 "previousHandlerPosition": [440, 0, 0],
82 "nextHandlerPosition": [880, 0, 0],
83 "previousDensity": 3,
84 "nextDensity": 3
85 },
86 {
87 "knotPosition": [1320, 0, 0],
88 "previousHandlerPosition": [1100, 0, 0],
89 "nextHandlerPosition": [1540, 0, 0],
90 "previousDensity": 3,
91 "nextDensity": 3
92 },
93 {
94 "knotPosition": [1980, 0, 0],
95 "previousHandlerPosition": [1760, 0, 0],
96 "previousDensity": 3,
97 "nextDensity": 3
98 }
99 ],
100 "units": {}
114 } 101 }
115 } 102 ],
103 "elementsBoundingSphereRadius": 700
116 }, 104 },
117 "path2": { 105 "bindings": {
118 "module": "montage/ui/flow-path", 106 "objects": {
119 "name": "FlowPath", 107 "boundObject": {"@": "searchResultsController"},
120 "properties": { 108 "boundObjectPropertyPath": "content",
121 "evalPath": [ 109 "oneway": true
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 } 110 }
130 } 111 }
131 112 }
132 } 113 }
133 </script> 114 </script>
134 115
116 <style>
117 .montage-google-picasa-carousel {
118 width: 100%;
119 height: 100%;
120 display: -webkit-box;
121 -webkit-box-pack: center;
122