aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/lab/sandbox/ui/picasa-carousel-test
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/lab/sandbox/ui/picasa-carousel-test')
-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, 0 insertions, 204 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
deleted file mode 100755
index ec34286f..00000000
--- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/index.html
+++ /dev/null
@@ -1,77 +0,0 @@
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
deleted file mode 100755
index 39484e8d..00000000
--- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.css
+++ /dev/null
@@ -1,7 +0,0 @@
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
deleted file mode 100755
index 4cb48733..00000000
--- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.html
+++ /dev/null
@@ -1,75 +0,0 @@
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
deleted file mode 100755
index 3851d82b..00000000
--- a/node_modules/montage/lab/sandbox/ui/picasa-carousel-test/main.reel/main.js
+++ /dev/null
@@ -1,35 +0,0 @@
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 },