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/lab/sandbox | |
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/lab/sandbox')
5 files changed, 205 insertions, 0 deletions
diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html new file mode 100755 index 00000000..ec34286f --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html | |||
@@ -0,0 +1,77 @@ | |||
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 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
10 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | ||
11 | <title>Flow Example</title> | ||
12 | <script src="../../../../montage.js"></script> | ||
13 | |||
14 | <script type="text/montage-serialization"> | ||
15 | { | ||
16 | "owner": { | ||
17 | "module": "montage/ui/loader.reel", | ||
18 | "name": "Loader" | ||
19 | } | ||
20 | } | ||
21 | </script> | ||
22 | |||
23 | <style type="text/css"> | ||
24 | |||
25 | html { | ||
26 | background-color: hsl(0,0%,95%); | ||
27 | font: 20px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||
28 | } | ||
29 | body { | ||
30 | padding: 50px; | ||
31 | } | ||
32 | h1 { | ||
33 | margin: 40px 0 0 0; | ||
34 | } | ||
35 | |||
36 | #montage-app-bootstrapper { | ||
37 | display: none; | ||
38 | color: red; | ||
39 | } | ||
40 | .montage-app-bootstrapping #montage-app-bootstrapper { | ||
41 | display: block; | ||
42 | } | ||
43 | |||
44 | #montage-app-loader { | ||
45 | color: green; | ||
46 | display: none; | ||
47 | } | ||
48 | .montage-app-loading #montage-app-loader { | ||
49 | display: block; | ||
50 | } | ||
51 | |||
52 | .main { | ||
53 | display: none; | ||
54 | } | ||
55 | .montage-app-loaded .main { | ||
56 | display: block; | ||
57 | } | ||
58 | |||
59 | </style> | ||
60 | |||
61 | </head> | ||
62 | <body> | ||
63 | <!--<div> | ||
64 | <h1>Loader Example</h1> | ||
65 | <p>This is the loader example. This text here will be present until the main component is drawn as it is not part | ||
66 | of any of the loader elements. If the main component is not drawable within <strong>1000ms</strong> you'll see the bootstrapper.</p> | ||
67 | </div>--> | ||
68 | <div id="montage-app-bootstrapper"> | ||
69 | <h1>Bootstrapper</h1> | ||
70 | <p>This is the bootstrapper content which will now be shown for at least <strong>1500ms</strong>.</p> | ||
71 | </div> | ||
72 | <div id="montage-app-loader"> | ||
73 | <h1>Loader</h1> | ||
74 | <p>This is the loader content which will now be shown for at least <strong>2000ms</strong>.</p> | ||
75 | </div> | ||
76 | </body> | ||
77 | </html> | ||
diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css new file mode 100755 index 00000000..82b04cf9 --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css | |||
@@ -0,0 +1,8 @@ | |||
1 | .montage-google-picasa-carousel, [data-montage-id="montage-google-picasa-carousel"] { | ||
2 | width: 800px; | ||
3 | height: 400px; | ||
4 | -webkit-perspective: 800px; | ||
5 | background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb)); | ||
6 | } | ||
7 | |||
8 | |||
diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html new file mode 100755 index 00000000..4cb48733 --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html | |||
@@ -0,0 +1,75 @@ | |||
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 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
10 | <title>Main Component</title> | ||
11 | <link rel="stylesheet" type="text/css" href="main.css"> | ||
12 | |||
13 | |||
14 | <script type="text/montage-serialization"> | ||
15 | { | ||
16 | "owner": { | ||
17 | "module": "main.reel", | ||
18 | "name": "Main", | ||
19 | "properties": { | ||
20 | "element": {"#": "main"}, | ||
21 | "picasaCarousel": {"@":"picasa-carousel"}, | ||
22 | "searchForm": {"#":"searchForm"} | ||
23 | } | ||
24 | }, | ||
25 | |||
26 | "picasa-carousel": { | ||
27 | "prototype": "montage/ui/picasa-carousel.reel", | ||
28 | "properties": { | ||
29 | "element": {"#": "picasa-carousel"} | ||
30 | }, | ||
31 | "bindings": { | ||
32 | "queryParameter": { | ||
33 | "boundObject": {"@": "queryField"}, | ||
34 | "boundObjectPropertyPath": "value", | ||
35 | "oneway": true | ||
36 | } | ||
37 | } | ||
38 | }, | ||
39 | "queryField": { | ||
40 | "module": "montage/ui/textfield.reel", | ||
41 | "name": "Textfield", | ||
42 | "properties": { | ||
43 | "element": {"#": "queryField"} | ||
44 | } | ||
45 | }, | ||
46 | |||
47 | "searchButton": { | ||
48 | "module": "montage/ui/button.reel", | ||
49 | "name": "Button", | ||
50 | "properties": { | ||
51 | "element": {"#": "searchButton"} | ||
52 | } | ||
53 | } | ||
54 | |||
55 | |||
56 | |||
57 | } | ||
58 | </script> | ||
59 | |||
60 | </head> | ||
61 | <body> | ||
62 | |||
63 | <div id="main" class="main"> | ||
64 | <p>Main component of application</p> | ||
65 | <form id="searchForm" class="searchForm"> | ||
66 | <input type="text" id="queryField"> | ||
67 | <input type="submit" id="searchButton" class="submit btn" value="Search"> | ||
68 | </form> | ||
69 | |||
70 | <div data-montage-id="picasa-carousel"></div> | ||
71 | |||
72 | </div> | ||
73 | |||
74 | </body> | ||
75 | </html> | ||
diff --git a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js new file mode 100755 index 00000000..3851d82b --- /dev/null +++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js | |||
@@ -0,0 +1,35 @@ | |||
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 | var Montage = require("montage/core/core").Montage, | ||
7 | Component = require("montage/ui/component").Component; | ||
8 | |||
9 | |||
10 | exports.Main = Montage.create(Component, { | ||
11 | |||
12 | templateDidLoad: { | ||
13 | value: function() { | ||
14 | //console.log("main templateDidLoad") | ||
15 | } | ||
16 | }, | ||
17 | picasaCarousel: { | ||
18 | enumerable: false, | ||
19 | value: null | ||
20 | }, | ||
21 | prepareForDraw: { | ||
22 | enumerable: false, | ||
23 | value: function() { | ||
24 | this.searchForm.identifier = "searchForm"; | ||
25 | this.searchForm.addEventListener("submit", this, false); | ||