aboutsummaryrefslogtreecommitdiff
path: root/node_modules/montage/examples/youtube-channel-example/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/montage/examples/youtube-channel-example/index.html')
-rwxr-xr-xnode_modules/montage/examples/youtube-channel-example/index.html45
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>