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.html40
-rw-r--r--node_modules/montage/ui/picasa-carousel.reel/image.reel/image.js20
-rwxr-xr-xnode_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css44
-rwxr-xr-xnode_modules/montage/ui/picasa-carousel.reel/picasa-carousel.html145
-rw-r--r--node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.js153
5 files changed, 402 insertions, 0 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
new file mode 100644
index 00000000..3e88adc0
--- /dev/null
+++ b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html
@@ -0,0 +1,40 @@
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 "module": "montage/ui/picasa-carousel.reel/image.reel",
13 "name": "Image",
14 "properties": {
15 "element": {"#": "Image"}
16 }
17 }
18 }
19 </script>
20</head>
21<style>
22 .Image {
23 position: absolute;
24 top: 50%;
25 left: 50%;
26 margin-top: -72px;
27 margin-left: -105px;
28 width: 206px;
29 height: 140px;
30 border-radius: 4px;
31 border: 2px solid #888;
32 background-repeat: no-repeat;
33 background-position: center center;
34 background-size: cover;
35 }
36</style>
37<body>
38 <div id="Image" class="Image"></div>
39</body>
40</html>
diff --git a/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.js b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.js
new file mode 100644
index 00000000..0bced41b
--- /dev/null
+++ b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.js
@@ -0,0 +1,20 @@
1var Montage = require("montage").Montage,
2 Component = require("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/ui/picasa-carousel.reel/picasa-carousel.css b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css
new file mode 100755
index 00000000..123c4a0f
--- /dev/null
+++ b/node_modules/montage/ui/picasa-carousel.reel/picasa-carousel.css
@@ -0,0 +1,44 @@
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
24.montage-google-picasa-carousel .flow {
25 width: 100%;
26 height: 100%;
27/* top: 0;
28 left: 0;
29 right: 0;
30 bottom: 0;
31*/ -webkit-perspective: 800px;
32 /*background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));*/
33}
34.image {
35 position: absolute;
36/* -top: 50%;
37*/ -webkit-box-shadow: 0 0 35px rgba(0,0,0,.5);
38}
39
40.montage-google-picasa-carousel .flow .montage-flow-repetition {
41margin: 10% 0;
42
43}
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
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</