aboutsummaryrefslogtreecommitdiff
path: root/js/stage/binding-view.reel/binding-hud-option.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/stage/binding-view.reel/binding-hud-option.reel')
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css5
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html39
-rwxr-xr-xjs/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js57
3 files changed, 101 insertions, 0 deletions
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
new file mode 100755
index 00000000..018448f1
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.css
@@ -0,0 +1,5 @@
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> */
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
new file mode 100755
index 00000000..6af26f7c
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.html
@@ -0,0 +1,39 @@
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 <link rel="stylesheet" type="text/css" href="binding-hud-option.css">
11
12 <script type="text/montage-serialization">
13 {
14 "owner": {
15 "prototype": "js/stage/binding-view.reel/binding-hud-option.reel",
16 "properties": {
17 "element": {"#": "hudOption"}
18 }
19 },
20 "label": {
21 "prototype": "montage/ui/dynamic-text.reel",
22 "properties": {
23 "element": {"#": "hudLabel"}
24 },
25 "bindings": {
26 "value": {"<-": "@owner.title"}
27 }
28 }
29 }
30 </script>
31
32</head>
33<body>
34 <div data-montage-id="hudOption" class="hudOption">
35 <label data-montage-id="hudLabel" class="hudLabel">Label</label>
36 <div class="connectorBubble"></div>
37 </div>
38</body>
39</html>
diff --git a/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
new file mode 100755
index 00000000..fb0fd57e
--- /dev/null
+++ b/js/stage/binding-view.reel/binding-hud-option.reel/binding-hud-option.js
@@ -0,0 +1,57 @@
1/* <copyright>
2This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3No 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/**
8@requires montage/core/core
9@requires montage/ui/component
10*/
11var Montage = require("montage/core/core").Montage,
12 Component = require("montage/ui/component").Component;
13
14exports.BindingHudOption = Montage.create(Component, {
15 _title: {
16 value: null
17 },
18
19 title: {
20 get: function() {
21 return this._title;
22 },
23 set: function(val) {
24 this._title = val;
25 this.needsDraw = true;
26 }
27 },
28
29 bound: {
30 value: false
31 },
32
33 prepareForDraw: {
34 value: function() {
35 // Set Up Listener for click and propagate up to Binding View
36 var matchesBound = this.parentComponent.parentComponent.boundProperties.filter(function(obj) {
37 return (obj === this.title);
38 }.bind(this));
39 if(matchesBound.length > 0) this.bound = true;
40 }
41 },
42
43 draw: {
44 value:function() {
45 if(this.bound) {
46 this.element.classList.add("bound");
47 } else {
48 this.element.classList.remove("bound");
49 }
50// if(this.bindings.length > 0) {
51// this.element.classList.add("bound");
52// } else {
53// this.element.classList.remove("bound");
54// }
55 }
56 }
57}); \ No newline at end of file