diff options
Diffstat (limited to 'node_modules/montage/examples')
26 files changed, 611 insertions, 0 deletions
diff --git a/node_modules/montage/examples/feed-reader/images/07-map-marker.png b/node_modules/montage/examples/feed-reader/images/07-map-marker.png new file mode 100644 index 00000000..a5d99d69 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/07-map-marker.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/10-medical.png b/node_modules/montage/examples/feed-reader/images/10-medical.png new file mode 100644 index 00000000..ab78c783 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/10-medical.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/100-coffee.png b/node_modules/montage/examples/feed-reader/images/100-coffee.png new file mode 100644 index 00000000..4e9c517a --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/100-coffee.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/107-widescreen.png b/node_modules/montage/examples/feed-reader/images/107-widescreen.png new file mode 100644 index 00000000..2e5f1ba7 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/107-widescreen.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/125-food.png b/node_modules/montage/examples/feed-reader/images/125-food.png new file mode 100644 index 00000000..81afd74a --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/125-food.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/142-wine-bottle.png b/node_modules/montage/examples/feed-reader/images/142-wine-bottle.png new file mode 100644 index 00000000..a7df9e97 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/142-wine-bottle.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/34-coffee.png b/node_modules/montage/examples/feed-reader/images/34-coffee.png new file mode 100644 index 00000000..4c4bedad --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/34-coffee.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/35-shopping.png b/node_modules/montage/examples/feed-reader/images/35-shopping.png new file mode 100644 index 00000000..03689f99 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/35-shopping.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/38-airplane.png b/node_modules/montage/examples/feed-reader/images/38-airplane.png new file mode 100644 index 00000000..dfcbbc78 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/38-airplane.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/41-picture-frame.png b/node_modules/montage/examples/feed-reader/images/41-picture-frame.png new file mode 100644 index 00000000..6deee997 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/41-picture-frame.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/47-fuel.png b/node_modules/montage/examples/feed-reader/images/47-fuel.png new file mode 100644 index 00000000..617d7640 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/47-fuel.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/48-fork-and-knife.png b/node_modules/montage/examples/feed-reader/images/48-fork-and-knife.png new file mode 100644 index 00000000..06d91088 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/48-fork-and-knife.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png b/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png new file mode 100644 index 00000000..51a5f86f --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/80-shopping-cart.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/87-wine-glass.png b/node_modules/montage/examples/feed-reader/images/87-wine-glass.png new file mode 100644 index 00000000..b4d34474 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/87-wine-glass.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/images/88-beer-mug.png b/node_modules/montage/examples/feed-reader/images/88-beer-mug.png new file mode 100644 index 00000000..b0fdd99a --- /dev/null +++ b/node_modules/montage/examples/feed-reader/images/88-beer-mug.png | |||
Binary files differ | |||
diff --git a/node_modules/montage/examples/feed-reader/index.html b/node_modules/montage/examples/feed-reader/index.html new file mode 100644 index 00000000..3b5529b9 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/index.html | |||
@@ -0,0 +1,81 @@ | |||
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>Montage Feed Reader</title> | ||
11 | |||
12 | <script src="../../montage.js" data-package="."></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, body { | ||
26 | background-color: #eee; | ||
27 | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | ||
28 | font-size: 13px; | ||
29 | font-weight: normal; | ||
30 | line-height: 18px; | ||
31 | color: #404040; | ||
32 | |||
33 | } | ||
34 | |||
35 | #montage-bootstrapper { | ||
36 | display: none; | ||
37 | color: red; | ||
38 | } | ||
39 | |||
40 | .montage-bootstrapping #montage-bootstrapper { | ||
41 | display: block; | ||
42 | } | ||
43 | |||
44 | #montage-loader { | ||
45 | color: green; | ||
46 | display: none; | ||
47 | } | ||
48 | |||
49 | .montage-loading #montage-loader { | ||
50 | display: block; | ||
51 | } | ||
52 | |||
53 | .main { | ||
54 | display: block; | ||
55 | } | ||
56 | |||
57 | .montage-loaded .main { | ||
58 | display: block; | ||
59 | } | ||
60 | |||
61 | </style> | ||
62 | |||
63 | </head> | ||
64 | <body> | ||
65 | |||
66 | <p> | ||
67 | <center> | ||
68 | <img src="montage-logo.png" /> | ||
69 | </center> | ||
70 | </p> | ||
71 | |||
72 | <div id="montage-bootstrapper"> | ||
73 | <p>This is the bootstrapper content which will now be shown for at least 1500ms.</p> | ||
74 | </div> | ||
75 | <div id="montage-loader"> | ||
76 | <p>This is the loader content which will now be shown for at least 2000ms.</p> | ||
77 | </div> | ||
78 | |||
79 | |||
80 | </body> | ||
81 | </html> | ||
diff --git a/node_modules/montage/examples/feed-reader/main.reel/main.html b/node_modules/montage/examples/feed-reader/main.reel/main.html new file mode 100644 index 00000000..1313219f --- /dev/null +++ b/node_modules/montage/examples/feed-reader/main.reel/main.html | |||
@@ -0,0 +1,274 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <html> | ||
3 | <head> | ||
4 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
5 | <title>Feed Reader Example</title> | ||
6 | |||
7 | |||
8 | |||
9 | <script type="text/montage-serialization"> | ||
10 | { | ||
11 | |||
12 | "goButton": { | ||
13 | "module": "montage/ui/button.reel", | ||
14 | "name": "Button", | ||
15 | "properties": { | ||
16 | "element": { | ||
17 | "#": "btn-go" | ||
18 | }, | ||
19 | "identifier": "go" | ||
20 | }, | ||
21 | "listeners": [ | ||
22 | { | ||
23 | "type": "action", | ||
24 | "listener": {"@": "owner"} | ||
25 | } | ||
26 | ] | ||
27 | }, | ||
28 | |||
29 | "feedURL": { | ||
30 | "module": "montage/ui/textfield.reel", | ||
31 | "name": "Textfield", | ||
32 | "properties": { | ||
33 | "element": {"#": "feed-url"} | ||
34 | }, | ||
35 | "bindings": { | ||
36 | "value": { | ||
37 | "boundObject": {"@": "owner"}, | ||
38 | "boundObjectPropertyPath": "feedURL" | ||
39 | } | ||
40 | } | ||
41 | }, | ||
42 | |||
43 | "feedReader": { | ||
44 | "module": "montage/ui/feed-reader/feed-reader.reel", | ||
45 | "name": "FeedReader", | ||
46 | "properties": { | ||
47 | "element": {"#": "feed-reader"}, | ||
48 | "feedDisplayMode": "animation", | ||
49 | "interval": "3" | ||
50 | } | ||
51 | }, | ||
52 | |||
53 | "mapCenter": { | ||
54 | "module": "montage/ui/textfield.reel", | ||
55 | "name": "Textfield", | ||
56 | "properties": { | ||
57 | "element": {"#": "map-center"} | ||
58 | } | ||
59 | }, | ||
60 | |||
61 | "mapButton": { | ||
62 | "module": "montage/ui/button.reel", | ||
63 | "name": "Button", | ||
64 | "properties": { | ||
65 | "element": { | ||
66 | "#": "btn-map" | ||
67 | }, | ||
68 | "identifier": "mapButton" | ||
69 | }, | ||
70 | "listeners": [ | ||
71 |