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
|
/* <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, {
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
});
}
this.element.classList.add(this.data.id)
}
},
draw: {
enumerable: false,
value: function() {
if(this.data.container) {
this.element.title = this.data.subtools[this._subselected].toolTip;
this.element.classList.remove(this.data.subtools[this._currentSubSelected].id);
this.element.classList.add(this.data.subtools[this._subselected].id);
this._currentSubSelected = this._subselected;
}
if(this._selected) {
this.element.classList.add("active");
} else {
this.element.classList.remove("active");
}
}
},
handleMousedown: {
value: function(event) {
if(!this._selected) {
NJevent("selectTool", this.data);
}
}
},
handleDblclick: {
value: function(event) {
NJevent("toolDoubleClick", this.data);
}
}
});
|