aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/ui/picasa-carousel.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/ui/picasa-carousel.reel')
-rw-r--r--node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html3
-rwxr-xr-xnode_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css15
-rwxr-xr-xnode_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html242
-rw-r--r--node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js210
4 files changed, 244 insertions, 226 deletions
diff --git a/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
index 3e88adc0..9590fce9 100644
--- a/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
+++ b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
@@ -9,8 +9,7 @@
9 <script type="text/montage-serialization"> 9 <script type="text/montage-serialization">
10 { 10 {
11 "owner": { 11 "owner": {
12 "module": "montage/ui/picasa-carousel.reel/image.reel", 12 "prototype": "montage/ui/picasa-carousel.reel/image.reel",
13 "name": "Image",
14 "properties": { 13 "properties": {
15 "element": {"#": "Image"} 14 "element": {"#": "Image"}
16 } 15 }
diff --git a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css
index 123c4a0f..2494614b 100755
--- a/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css
@@ -18,7 +18,6 @@
18 display: box; 18 display: box;
19 box-pack: center; 19 box-pack: center;
20 box-align: center; 20 box-align: center;
21
22} 21}
23 22
24.montage-google-picasa-carousel .flow { 23.montage-google-picasa-carousel .flow {
@@ -28,17 +27,15 @@
28 left: 0; 27 left: 0;
29 right: 0; 28 right: 0;
30 bottom: 0; 29 bottom: 0;
31*/ -webkit-perspective: 800px; 30*/
32 /*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));*/ 31 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));
33} 32}
34.image { 33.image {
35 position: absolute; 34 position: absolute;
36/* -top: 50%; 35 /*-top: 50%;*/
37*/ -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5); 36 -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5);
38} 37}
39 38
40.montage-google-picasa-carousel .flow .montage-flow-repetition { 39.montage-google-picasa-carousel .flow .montage-flow-repetition {
41margin: 10% 0; 40 margin: 10% 0;
42
43} 41}
44 </style>
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],