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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
|
/* <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> */
var Montage = require("montage/core/core").Montage;
var Component = require("montage/ui/component").Component;
var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager;
exports.ToolButton = Montage.create(Component, {
button: { value: null },
data: { value: null },
_selected: { value: null },
selected: {
get: function() { return this._selected; },
set: function(value) {
this._selected = value;
this.needsDraw = true;
}
},
_subselected: { value: 1 },
subselected: {
get: function() { return this._subselected; },
set: function(value) {
var len = value.length;
for(var i=0; i < len; i++) {
if(value[i]) {
this._subselected = i;
this.needsDraw = true;
}
}
}
},
_currentSubSelected: { value: 0},
prepareForDraw: {
enumerable: false,
value: function() {
this.element.title = this.data.toolTip;
this.element.addEventListener("mousedown", this, false);
this.element.addEventListener("dblclick", this, false);
Object.defineBinding(this, "selected", {
boundObject: this.data,
boundObjectPropertyPath: "selected",
oneway: false
});
if(this.data.container) {
this.element.title = this.data.subtools[this._subselected].toolTip;
Object.defineBinding(this, "subselected", {
boundObject: this.data.subtools,
boundObjectPropertyPath: "selected",
oneway: true
});
}
}
},
draw: {
enumerable: false,
value: function() {
var buttonid;
if(this.data.container) {
buttonid = this.data.subtools[this._subselected].id;
this.element.title = this.data.subtools[this._subselected].toolTip;
this.button.classList.remove( this.data.subtools[this._currentSubSelected].id + "Unpressed" );
this.button.classList.remove( this.data.subtools[this._currentSubSelected].id + "Pressed" );
this._currentSubSelected = this._subselected;
} else {
buttonid = this.data.id;
}
if(this._selected) {
this.element.classList.add( "buttonSelected" );
this.button.classList.remove( buttonid + "Unpressed" );
this.button.classList.add( buttonid + "Pressed" );
} else {
this.element.classList.remove( "buttonSelected" );
this.button.classList.remove( buttonid + "Pressed" );
this.button.classList.add( buttonid + "Unpressed" );
}
}
},
handleMousedown: {
value: function(event) {
if(!this._selected) {
NJevent("selectTool", this.data);
}
}
},
handleDblclick: {
value: function(event) {
NJevent("toolDoubleClick", this.data);
}
}
});
|