aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/lab
diff options
context:
space:
mode:
authorPushkar Joshi2012-03-27 09:10:58 -0700
committerPushkar Joshi2012-03-27 09:10:58 -0700
commit0c26aff9c19c2b39fca06fa6b3bc76b672204065 (patch)
treee778f2b9d5d525aa364360d5996536a0a06379bd /node_modules/montage/lab
parent753244b4713243ab19ca246be674f0b45fb85b72 (diff)
parent309dde5a8c4599cef6a1052c1ff9ee1ad8ec5858 (diff)
downloadninja-0c26aff9c19c2b39fca06fa6b3bc76b672204065.tar.gz
Merge branch 'master' into brushtool
Conflicts: js/controllers/elements/shapes-controller.js
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<