aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/lab
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-03-26 15:36:49 -0700
committerJose Antonio Marquez2012-03-26 15:36:49 -0700
commit7bf738bc08f6a24edce30dbc2b101a8cab2d27aa (patch)
treeaf3b114d6a83ae62dfcead8bd61bc62efe0c9516 /node_modules/montage/lab
parentd87cded11dcc0faf41a4a3e6b587e5549c0da6df (diff)
parent309dde5a8c4599cef6a1052c1ff9ee1ad8ec5858 (diff)
downloadninja-7bf738bc08f6a24edce30dbc2b101a8cab2d27aa.tar.gz
Merge branch 'refs/heads/Ninja-Internal' into FileIO
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 },