diff options
author | Jose Antonio Marquez | 2012-03-18 16:14:34 -0700 |
---|---|---|
committer | Jose Antonio Marquez | 2012-03-18 16:14:34 -0700 |
commit | 06a790e0f830d01539dc9e80c90e2bcdabaa666b (patch) | |
tree | 474f3f1e0ea147b0400ff8528e1c33566179b211 /node_modules/montage/ui/picasa-carousel.reel/image.reel | |
parent | fda7b595c96d99177fdd93de8da9030348a3f8fb (diff) | |
parent | 3056d540f32bb24927d06bfc516240cc6a0001f8 (diff) | |
download | ninja-06a790e0f830d01539dc9e80c90e2bcdabaa666b.tar.gz |
Merge branch 'refs/heads/francoisfrisch-Ninja-Internal' into FileIO-Montage-Components
Diffstat (limited to 'node_modules/montage/ui/picasa-carousel.reel/image.reel')
-rw-r--r-- | node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html | 37 | ||||
-rw-r--r-- | node_modules/montage/ui/picasa-carousel.reel/image.reel/image.js | 20 |
2 files changed, 57 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..1e94f43b --- /dev/null +++ b/node_modules/montage/ui/picasa-carousel.reel/image.reel/image.html | |||
@@ -0,0 +1,37 @@ | |||
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 | /* | ||
24 | margin-top: -160px; | ||
25 | margin-left: -160px; | ||
26 | */ | ||
27 | width: 320px; | ||
28 | height: 320px; | ||
29 | border-radius: 18px; | ||
30 | background-repeat: no-repeat; | ||
31 | background-size: cover; | ||
32 | } | ||
33 | </style> | ||
34 | <body> | ||
35 | <div id="Image" class="Image"></div> | ||
36 | </body> | ||
37 | </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 @@ | |||
1 | var Montage = require("montage").Montage, | ||
2 | Component = require("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 | }); | ||