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.html44
1 files changed, 44 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..b313d5d8
--- /dev/null
+++ b/node_modules/montage/examples/youtube-channel-example/index.html
@@ -0,0 +1,44 @@
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 }
19 },
20
21 "url": {
22 "prototype": "montage/ui/textfield.reel",
23 "properties": {
24 "element": {"#": "url"},
25 "value": "http://www.youtube.com/TEDEducation"
26 },
27 "bindings": {
28 "value": {
29 "boundObject": {"@": "player"},
30 "boundObjectPropertyPath": "channelUrl"
31 }
32 }
33 }
34 }
35 </script>
36</head>
37<body>
38 <div class="youtube-channel-example">
39 <div id="title">Youtube Channel</div>
40 <input type="text" data-montage-id="url" placeholder="Channel URL" class="youtube-channel-example-url">
41 <div data-montage-id="player"></div>
42 </div>
43</body>
44</html>