aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage-google/picasa-carousel.reel
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage-google/picasa-carousel.reel')
-rw-r--r--node_modules/montage-google/picasa-carousel.reel/image.reel/image.html39
-rw-r--r--node_modules/montage-google/picasa-carousel.reel/image.reel/image.js20
-rwxr-xr-xnode_modules/montage-google/picasa-carousel.reel/picasa-carousel.css41
-rwxr-xr-xnode_modules/montage-google/picasa-carousel.reel/picasa-carousel.html169
-rw-r--r--node_modules/montage-google/picasa-carousel.reel/picasa-carousel.js151
5 files changed, 420 insertions, 0 deletions
diff --git a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
new file mode 100644
index 00000000..368bd059
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.html
@@ -0,0 +1,39 @@
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 <script type="text/montage-serialization">
10 {
11 "owner": {
12 "prototype": "montage-google/picasa-carousel.reel/image.reel",
13 "properties": {
14 "element": {"#": "Image"}
15 }
16 }
17 }
18 </script>
19</head>
20<style>
21 .Image {
22 position: absolute;
23 top: 50%;
24 left: 50%;
25 margin-top: -72px;
26 margin-left: -105px;
27 width: 206px;
28 height: 140px;
29 border-radius: 4px;
30 border: 2px solid #888;
31 background-repeat: no-repeat;
32 background-position: center center;
33 background-size: cover;
34 }
35</style>
36<body>
37 <div id="Image" class="Image"></div>
38</body>
39</html>
diff --git a/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js
new file mode 100644
index 00000000..d5b9363e
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/image.reel/image.js
@@ -0,0 +1,20 @@
1var Montage = require("montage").Montage,
2 Component = require("montage/ui/component").Component;
3
4var Image = exports.Image = Montage.create(Component, {
5
6 _src: {value: null},
7
8 src: {
9 set: function(value) {
10 this._src = value;
11 this.needsDraw = true;
12 }
13 },
14
15 draw: {
16 value: function() {
17 this._element.style.backgroundImage = "url(" + this._src + ")";
18 }
19 }
20});
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css
new file mode 100755
index 00000000..2494614b
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.css
@@ -0,0 +1,41 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6.montage-google-picasa-carousel {
7 width: 100%;
8 height: 100%;
9 display: -webkit-box;
10 -webkit-box-pack: center;
11 -webkit-box-align: center;
12 display: -moz-box;
13 -moz-box-pack: center;
14 -moz-box-align: center;
15 display: -ms-box;
16 -ms-box-pack: center;
17 -ms-box-align: center;
18 display: box;
19 box-pack: center;
20 box-align: center;
21}
22
23.montage-google-picasa-carousel .flow {
24 width: 100%;
25 height: 100%;
26/* top: 0;
27 left: 0;
28 right: 0;
29 bottom: 0;
30*/
31 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));
32}
33.image {
34 position: absolute;
35 /*-top: 50%;*/
36 -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5);
37}
38
39.montage-google-picasa-carousel .flow .montage-flow-repetition {
40 margin: 10% 0;
41}
diff --git a/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
new file mode 100755
index 00000000..f7c8a766
--- /dev/null
+++ b/node_modules/montage-google/picasa-carousel.reel/picasa-carousel.html
@@ -0,0 +1,169 @@
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-google/picasa-carousel.reel",
16 "properties": {
17 "element": {"#": "montage-google-picasa-carousel"},
18 "flow": {"@": "flow"}
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 "image": {
32 "prototype": "montage-google/picasa-carousel.reel/image.reel",
33 "properties": {
34 "element": {"#": "image"}
35 },
36 "bindings": {
37 "src": {
38 "boundObject": {"@": "flow"},
39 "boundObjectPropertyPath": "objectAtCurrentIteration.media$group.media$thumbnail.2.url",
40 "oneway": true
41 }
42 }
43 },
44 "flow": {
45 "module": "montage/ui/flow.reel",
46 "name": "Flow",
47 "properties": {
48 "element": {"#": "flow"},
49 "paths": [
50 {
51 "knots": [
52 {
53 "knotPosition": [-1980, 0, 0],
54 "nextHandlerPosition": [-1760, 0, 0],
55 "previousDensity": 3,
56 "nextDensity": 3
57 },
58 {
59 "knotPosition": [-1320, 0, 0],
60 "previousHandlerPosition": [-1540, 0, 0],
61 "nextHandlerPosition": [-1100, 0, 0],
62 "previousDensity": 3,
63 "nextDensity": 3
64 },
65 {
66 "knotPosition": [-660, 0, 0],
67 "previousHandlerPosition": [-880, 0, 0],
68 "nextHandlerPosition": [-440, 0, 0],
69 "previousDensity": 3,
70 "nextDensity": 3
71 },
72 {
73 "knotPosition": [0, 0, 350],
74 "previousHandlerPosition": [-220, 0, 350],
75 "nextHandlerPosition": [220, 0, 350],
76 "previousDensity": 3,
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 {