aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/lab
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-03-26 15:37:41 -0700
committerJose Antonio Marquez2012-03-26 15:37:41 -0700
commit9d88d2827c6c1cc10f64575bd3c2f5f21dd0d89d (patch)
treeaf3b114d6a83ae62dfcead8bd61bc62efe0c9516 /node_modules/montage/lab
parentb1ba63e509f77b14c05b89ea193f4d706a28ac9b (diff)
parent309dde5a8c4599cef6a1052c1ff9ee1ad8ec5858 (diff)
downloadninja-9d88d2827c6c1cc10f64575bd3c2f5f21dd0d89d.tar.gz
Merge branch 'refs/heads/Ninja-Internal' into Document
Diffstat (limited to 'node_modules/montage/lab')
-rwxr-xr-xnode_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html77
-rwxr-xr-xnode_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css7
-rwxr-xr-xnode_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html75
-rwxr-xr-xnode_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js35
-rwxr-xr-xnode_modules/montage/lab/sandbox/ui/picasa-carousel-test/package.json10
5 files changed, 204 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..39484e8d
--- /dev/null
+++ b/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css
@@ -0,0 +1,7 @@
1.montage-google-picasa-carousel, [data-montage-id="montage-google-picasa-carousel"] {
2 height: 300px;
3 -webkit-perspective: 800px;
4 background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#bbb));
5}
6
7
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> */
6var Montage = require("montage/core/core").Montage,
7 Component = require("montage/ui/component").Component;
8
9
10exports.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);
26 }
27 },
28 handleSearchFormSubmit: {
29 value: function(evt) {