1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
/* <copyright>
This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
</copyright> */
/**
@requires montage/core/core
@requires montage/ui/component
*/
var Montage = require("montage/core/core").Montage,
Component = require("montage/ui/component").Component;
exports.BindingHudOption = Montage.create(Component, {
_title: {
value: null
},
title: {
get: function() {
return this._title;
},
set: function(val) {
this._title = val;
this.needsDraw = true;
}
},
_promoted : { value: null },
promoted : {
get : function() { return this._promoted; },
set : function(value) {
if(value === this._promoted) { return; }
this._promoted = value;
this.needsDraw = true;
}
},
_bound : { value: null },
bound : {
get : function() { return this._bound; },
set : function(value) {
if(value === this._bound) { return; }
this._bound = value;
this.needsDraw = true;
}
},
prepareForDraw: {
value: function() {
// Set Up Listener for click and propagate up to Binding View
var matchesBound = this.parentComponent.parentComponent.boundProperties.filter(function(obj) {
return (obj === this.title);
}.bind(this));
if(matchesBound.length > 0) this.bound = true;
}
},
draw: {
value:function() {
if(this.bound) {
this.element.classList.add("bound");
} else {
this.element.classList.remove("bound");
}
if(this.promoted || this.bound) {
this.element.classList.add("promoted");
} else {
this.element.classList.remove("promoted");
}
// if(this.bindings.length > 0) {
// this.element.classList.add("bound");
// } else {
// this.element.classList.remove("bound");
// }
}
}
});
|