aboutsummaryrefslogtreecommitdiff
path: root/js/panels/binding
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/binding')
-rw-r--r--js/panels/binding/binding-item.reel/binding-item.css13
-rw-r--r--js/panels/binding/binding-item.reel/binding-item.html37
-rw-r--r--js/panels/binding/binding-item.reel/binding-item.js26
3 files changed, 76 insertions, 0 deletions
diff --git a/js/panels/binding/binding-item.reel/binding-item.css b/js/panels/binding/binding-item.reel/binding-item.css
new file mode 100644
index 00000000..dc90f162
--- /dev/null
+++ b/js/panels/binding/binding-item.reel/binding-item.css
@@ -0,0 +1,13 @@
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> */
6
7.binding-item {
8 color: #FFF;
9 margin: 0 8px;
10 padding: 3px;
11 border-bottom: 1px solid #FFF;
12 list-style-type: none;
13} \ No newline at end of file
diff --git a/js/panels/binding/binding-item.reel/binding-item.html b/js/panels/binding/binding-item.reel/binding-item.html
new file mode 100644
index 00000000..23182345
--- /dev/null
+++ b/js/panels/binding/binding-item.reel/binding-item.html
@@ -0,0 +1,37 @@
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 lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" href="binding-item.css" type="text/css">
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "prototype": "js/panels/binding/binding-item.reel",
15 "properties": {
16 "element": {"#": "binding-item"}
17 }
18 },
19 "label": {
20 "prototype": "montage/ui/dynamic-text.reel",
21 "properties": {
22 "element": {"#": "label"}
23 },
24 "bindings": {
25 "value": {"<-": "@owner.sourceObjectPropertyPath"}
26 }
27 }
28
29 }
30 </script>
31</head>
32<body>
33<li data-montage-id="binding-item" class="binding-item">
34 <span data-montage-id="label"></span>
35</li>
36</body>
37</html> \ No newline at end of file
diff --git a/js/panels/binding/binding-item.reel/binding-item.js b/js/panels/binding/binding-item.reel/binding-item.js
new file mode 100644
index 00000000..9365da65
--- /dev/null
+++ b/js/panels/binding/binding-item.reel/binding-item.js
@@ -0,0 +1,26 @@
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> */
6
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10
11exports.BindingItem = Montage.create(Component, {
12
13 sourceObjectPropertyPath : { value: null },
14
15 templateDidLoad : {
16 value: function() {
17 console.log("loaded binding item");
18 }
19 },
20
21 prepareForDraw: {
22 value: function() {
23 console.log("preparing to draw binding item");
24 }
25 }
26}); \ No newline at end of file