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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
|
//>>built
define("dojox/dnd/Selector", ["dojo", "dojox", "dojo/dnd/Selector"], function(dojo, dojox) {
return dojo.declare('dojox.dnd.Selector', dojo.dnd.Selector, {
conservative: true,
isSelected: function(node) {
// summary:
// checks if node is selected
// node: String|DomNode:
// Node to check (id or DOM Node)
var id = dojo.isString(node) ? node : node.id,
item = this.getItem(id);
return item && this.selected[id]; // Boolean
},
selectNode: function(node, add) {
// summary:
// selects a node
// node: String|DomNode:
// Node to select (id or DOM Node)
// add: Boolean?:
// If true, node is added to selection, otherwise current
// selection is removed, and node will be the only selection.
if (!add) {
this.selectNone();
}
var id = dojo.isString(node) ? node : node.id,
item = this.getItem(id);
if (item) {
this._removeAnchor();
this.anchor = dojo.byId(node);
this._addItemClass(this.anchor, 'Anchor');
this.selection[id] = 1;
this._addItemClass(this.anchor, 'Selected');
}
return this; // self
},
deselectNode: function(node) {
// summary:
// deselects a node
// node: String|DomNode:
// Node to deselect (id or DOM Node)
var id = dojo.isString(node) ? node : node.id,
item = this.getItem(id);
if (item && this.selection[id]) {
if (this.anchor === dojo.byId(node)) {
this._removeAnchor();
}
delete this.selection[id];
this._removeItemClass(this.anchor, 'Selected');
}
return this; // self
},
selectByBBox: function(left, top, right, bottom, add) {
// summary:
// selects nodes by bounding box
// left: Number:
// Left coordinate of the bounding box
// top: Number:
// Top coordinate of the bounding box
// right: Number:
// Right coordinate of the bounding box
// bottom: Number:
// Bottom coordinate of the bounding box
// add: Boolean?:
// If true, node is added to selection, otherwise current
// selection is removed, and node will be the only selection.
// user has drawn a bounding box ... time to see whether any dom nodes
// in this container satisfy the bounding box range.
if (!add) {
this.selectNone();
}
this.forInItems(function(data, id) {
var node = dojo.byId(id);
if (node && this._isBoundedByBox(node, left, top, right, bottom)) {
this.selectNode(id, true);
}
}, this);
return this; // self
},
_isBoundedByBox: function(node, left, top, right, bottom) {
// summary:
// figures out whether certain coodinates bound a particular
// dom node.
// node: String|DomNode:
// Node to check (id or DOM Node)
// left: Number:
// Left coordinate of the bounding box
// top: Number:
// Top coordinate of the bounding box
// right: Number:
// Right coordinate of the bounding box
// bottom: Number:
// Bottom coordinate of the bounding box
return this.conservative ? this._conservativeBBLogic(node, left, top, right, bottom) : this._liberalBBLogic(node, left, top, right, bottom);
},
shift: function(toNext, add) {
// summary:
// shifts the currently selected dnd item forwards and backwards.
// One possible use would be to allow a user select different
// dnd items using the right and left keys.
// toNext: Boolean:
// If true, we select the next node, otherwise the previous one.
// add: Boolean?:
// If true, add to selection, otherwise current selection is
// removed before adding any nodes.
var selectedNodes = this.getSelectedNodes();
if (selectedNodes && selectedNodes.length) {
// only delegate to selectNode if at least one node is selected.
// If multiple nodes are selected assume that we go with
// the last selected node.
this.selectNode(this._getNodeId(selectedNodes[selectedNodes.length - 1].id, toNext), add);
}
},
_getNodeId: function(nodeId, toNext) {
// summary:
// finds a next/previous node in relation to nodeId
// nodeId: String:
// the id of the node to use as the base node
// toNext: Boolean:
// If true, we select the next node, otherwise the previous one.
var allNodes = this.getAllNodes(), newId = nodeId;
for (var i = 0, l = allNodes.length; i < l; ++i) {
if (allNodes[i].id == nodeId) {
// have a match ... make sure we don't go outside
var j = Math.min(l - 1, Math.max(0, i + (toNext ? 1 : -1)));
if (i != j) {
// we should be fine to go with the id the user has requested.
newId = allNodes[j].id;
}
break;
}
}
// if we don't get a match, the newId defaults to the currently selected node
return newId;
},
_conservativeBBLogic: function(node, left, top, right, bottom) {
// summary:
// logic which determines whether a node is bounded by the
// left,top,right,bottom parameters. This function returns true
// only if the coordinates of the node parameter are fully
// encompassed by the box determined by the left, top, right, bottom parameters.
var c = dojo.coords(node), t;
// normalize input
if (left > right) {
t = left;
left = right;
right = t;
}
if (top > bottom) {
t = top;
top = bottom;
bottom = t;
}
return c.x >= left && c.x + c.w <= right && c.y >= top && c.y + c.h <= bottom; // Boolean
},
_liberalBBLogic: function(node, left, top, right, bottom) {
// summary:
// logic which determines whether a node is bounded by the
// left,top,right,bottom parameters. Allows for the case where
// any section of the box determined by the left,top,right,bottom parameters
// overlapping the coordinates of the node parameter constitutes a true
// return value
var c = dojo.position(node), xBounded, yBounded, tlx, tly, brx, bry, leftGreater = false, bottomGreater = false,
nodeTlx = c.x, nodeTly = c.y, nodeBrx = c.x + c.w, nodeBry = c.y + c.h;
// tlx, tly represents the x,y coordinates for the top left of the bounding box
// brx, bry represents the x,y coordinates for the bottom right of the bounding box
// nodeTlx, nodeTly represents the x,y coordinates for the top left of the dom node
// nodeBrx, nodeBry represents the x,y coordinates for the bottom right of the dom node
if (left < right) {
tlx = left;
tly = top;
} else {
leftGreater = true;
tlx = right;
tly = bottom;
}
if (top < bottom) {
bottomGreater = true;
brx = right;
bry = bottom;
} else {
brx = left;
bry = top;
tlx = right;
tly = bottom;
}
if (leftGreater && bottomGreater) {
// accommodate for the case where the user is drawing from top down and from right to left.
brx = left;
bry = bottom;
tlx = right;
tly = top;
}
xBounded = (nodeTlx >= tlx || nodeBrx <= brx) && (tlx <= nodeBrx && brx >= nodeTlx) || (nodeTlx <= tlx && nodeBrx >= brx);
yBounded = (tly <= nodeBry && bry >= nodeTly) || (nodeBry >= bry && nodeTly <= bry);
return xBounded && yBounded; // Boolean
}
}
);
});
|
