diff options
Diffstat (limited to 'node_modules/montage/examples/youtube-channel-example/index.html')
-rwxr-xr-x | node_modules/montage/examples/youtube-channel-example/index.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/node_modules/montage/examples/youtube-channel-example/index.html b/node_modules/montage/examples/youtube-channel-example/index.html new file mode 100755 index 00000000..132d0d5a --- /dev/null +++ b/node_modules/montage/examples/youtube-channel-example/index.html | |||
@@ -0,0 +1,45 @@ | |||
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 | <title>Youtube Channel</title> | ||
10 | <link rel="stylesheet" type="text/css" href="style.css"> | ||
11 | <script src="../../montage.js" type="text/javascript"></script> | ||
12 | <script type="text/montage-serialization"> | ||
13 | { | ||
14 | "player": { | ||
15 | "prototype": "montage/ui/youtube-channel.reel", | ||
16 | "properties": { | ||
17 | "element": {"#": "player"}, | ||
18 | "channelUrl": "http://www.youtube.com/TEDEducation" | ||
19 | } | ||
20 | }, | ||
21 | |||
22 | "url": { | ||
23 | "prototype": "montage/ui/textfield.reel", | ||
24 | "properties": { | ||
25 | "element": {"#": "url"}, | ||
26 | "value": "http://www.youtube.com/TEDEducation" | ||
27 | }, | ||
28 | "bindings": { | ||
29 | "value": { | ||
30 | "boundObject": {"@": "player"}, | ||
31 | "boundObjectPropertyPath": "channelUrl" | ||
32 | } | ||
33 | } | ||
34 | } | ||
35 | } | ||
36 | </script> | ||
37 | </head> | ||
38 | <body> | ||
39 | <div class="youtube-channel-example"> | ||
40 | <div id="title">Youtube Channel</div> | ||
41 | <input type="text" data-montage-id="url" placeholder="Channel URL" class="youtube-channel-example-url"> | ||
42 | <div data-montage-id="player"></div> | ||
43 | </div> | ||
44 | </body> | ||
45 | </html> | ||