diff options
author | Valerio Virgillito | 2012-05-09 11:46:14 -0700 |
---|---|---|
committer | Valerio Virgillito | 2012-05-09 11:46:14 -0700 |
commit | 4d9832acbd78f82a63fba59187bd82a5afad8240 (patch) | |
tree | 1aa2e2a955b155279d0cd9391baf18760f4c1a94 /node_modules/montage-google/picasa-carousel.reel/image.reel | |
parent | d220c02e246b30509b28a47fa04916ca2b8122e4 (diff) | |
download | ninja-4d9832acbd78f82a63fba59187bd82a5afad8240.tar.gz |
Squashed commit of google-components into master
Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'node_modules/montage-google/picasa-carousel.reel/image.reel')
-rw-r--r-- | node_modules/montage-google/picasa-carousel.reel/image.reel/image.html | 39 | ||||
-rw-r--r-- | node_modules/montage-google/picasa-carousel.reel/image.reel/image.js | 20 |
2 files changed, 59 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 @@ | |||
1 | var Montage = require("montage").Montage, | ||
2 | Component = require("montage/ui/component").Component; | ||
3 | |||
4 | var 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 | }); | ||