aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/lab
diff options
context:
space:
mode:
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) {
30 evt.preventDefault();
31 this.picasaCarousel.performSearch();
32 }
33 },
34
35});
diff --git a/node_modules/montage/lab/sandbox/