diff options
author | Jose Antonio Marquez | 2012-06-27 09:59:01 -0700 |
---|---|---|
committer | Jose Antonio Marquez | 2012-06-27 09:59:01 -0700 |
commit | ca1e79d4dc36a55c47b6f8cb92069eafc95383b5 (patch) | |
tree | 2bf23250a605ca42a33f7bc75698357e0258d624 /js/stage/binding-view.reel/binding-hud-option.reel | |
parent | 245e70117f9605dc5603328c97685b2e5a10f220 (diff) | |
parent | 2ebf3e3ea24d0d580575dfa13d31588dac1de445 (diff) | |
download | ninja-ca1e79d4dc36a55c47b6f8cb92069eafc95383b5.tar.gz |
Merge branch 'refs/heads/Ninja-Internal' into Document
Diffstat (limited to 'js/stage/binding-view.reel/binding-hud-option.reel')
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> | ||
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 | /** | ||
8 | @requires montage/core/core | ||
9 | @requires montage/ui/component | ||
10 | */ | ||
11 | var Montage = require("montage/core/core").Montage, | ||
12 | Component = require("montage/ui/component").Component; | ||
13 | |||
14 | exports.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 | ||