testing/mochitest/tests/MochiKit-1.4.2/MochiKit/DragAndDrop.js

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 /***
michael@0 2 MochiKit.DragAndDrop 1.4.2
michael@0 3
michael@0 4 See <http://mochikit.com/> for documentation, downloads, license, etc.
michael@0 5
michael@0 6 Copyright (c) 2005 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)
michael@0 7 Mochi-ized By Thomas Herve (_firstname_@nimail.org)
michael@0 8
michael@0 9 ***/
michael@0 10
michael@0 11 MochiKit.Base._deps('DragAndDrop', ['Base', 'Iter', 'DOM', 'Signal', 'Visual', 'Position']);
michael@0 12
michael@0 13 MochiKit.DragAndDrop.NAME = 'MochiKit.DragAndDrop';
michael@0 14 MochiKit.DragAndDrop.VERSION = '1.4.2';
michael@0 15
michael@0 16 MochiKit.DragAndDrop.__repr__ = function () {
michael@0 17 return '[' + this.NAME + ' ' + this.VERSION + ']';
michael@0 18 };
michael@0 19
michael@0 20 MochiKit.DragAndDrop.toString = function () {
michael@0 21 return this.__repr__();
michael@0 22 };
michael@0 23
michael@0 24 MochiKit.DragAndDrop.EXPORT = [
michael@0 25 "Droppable",
michael@0 26 "Draggable"
michael@0 27 ];
michael@0 28
michael@0 29 MochiKit.DragAndDrop.EXPORT_OK = [
michael@0 30 "Droppables",
michael@0 31 "Draggables"
michael@0 32 ];
michael@0 33
michael@0 34 MochiKit.DragAndDrop.Droppables = {
michael@0 35 /***
michael@0 36
michael@0 37 Manage all droppables. Shouldn't be used, use the Droppable object instead.
michael@0 38
michael@0 39 ***/
michael@0 40 drops: [],
michael@0 41
michael@0 42 remove: function (element) {
michael@0 43 this.drops = MochiKit.Base.filter(function (d) {
michael@0 44 return d.element != MochiKit.DOM.getElement(element);
michael@0 45 }, this.drops);
michael@0 46 },
michael@0 47
michael@0 48 register: function (drop) {
michael@0 49 this.drops.push(drop);
michael@0 50 },
michael@0 51
michael@0 52 unregister: function (drop) {
michael@0 53 this.drops = MochiKit.Base.filter(function (d) {
michael@0 54 return d != drop;
michael@0 55 }, this.drops);
michael@0 56 },
michael@0 57
michael@0 58 prepare: function (element) {
michael@0 59 MochiKit.Base.map(function (drop) {
michael@0 60 if (drop.isAccepted(element)) {
michael@0 61 if (drop.options.activeclass) {
michael@0 62 MochiKit.DOM.addElementClass(drop.element,
michael@0 63 drop.options.activeclass);
michael@0 64 }
michael@0 65 drop.options.onactive(drop.element, element);
michael@0 66 }
michael@0 67 }, this.drops);
michael@0 68 },
michael@0 69
michael@0 70 findDeepestChild: function (drops) {
michael@0 71 deepest = drops[0];
michael@0 72
michael@0 73 for (i = 1; i < drops.length; ++i) {
michael@0 74 if (MochiKit.DOM.isChildNode(drops[i].element, deepest.element)) {
michael@0 75 deepest = drops[i];
michael@0 76 }
michael@0 77 }
michael@0 78 return deepest;
michael@0 79 },
michael@0 80
michael@0 81 show: function (point, element) {
michael@0 82 if (!this.drops.length) {
michael@0 83 return;
michael@0 84 }
michael@0 85 var affected = [];
michael@0 86
michael@0 87 if (this.last_active) {
michael@0 88 this.last_active.deactivate();
michael@0 89 }
michael@0 90 MochiKit.Iter.forEach(this.drops, function (drop) {
michael@0 91 if (drop.isAffected(point, element)) {
michael@0 92 affected.push(drop);
michael@0 93 }
michael@0 94 });
michael@0 95 if (affected.length > 0) {
michael@0 96 drop = this.findDeepestChild(affected);
michael@0 97 MochiKit.Position.within(drop.element, point.page.x, point.page.y);
michael@0 98 drop.options.onhover(element, drop.element,
michael@0 99 MochiKit.Position.overlap(drop.options.overlap, drop.element));
michael@0 100 drop.activate();
michael@0 101 }
michael@0 102 },
michael@0 103
michael@0 104 fire: function (event, element) {
michael@0 105 if (!this.last_active) {
michael@0 106 return;
michael@0 107 }
michael@0 108 MochiKit.Position.prepare();
michael@0 109
michael@0 110 if (this.last_active.isAffected(event.mouse(), element)) {
michael@0 111 this.last_active.options.ondrop(element,
michael@0 112 this.last_active.element, event);
michael@0 113 }
michael@0 114 },
michael@0 115
michael@0 116 reset: function (element) {
michael@0 117 MochiKit.Base.map(function (drop) {
michael@0 118 if (drop.options.activeclass) {
michael@0 119 MochiKit.DOM.removeElementClass(drop.element,
michael@0 120 drop.options.activeclass);
michael@0 121 }
michael@0 122 drop.options.ondesactive(drop.element, element);
michael@0 123 }, this.drops);
michael@0 124 if (this.last_active) {
michael@0 125 this.last_active.deactivate();
michael@0 126 }
michael@0 127 }
michael@0 128 };
michael@0 129
michael@0 130 /** @id MochiKit.DragAndDrop.Droppable */
michael@0 131 MochiKit.DragAndDrop.Droppable = function (element, options) {
michael@0 132 var cls = arguments.callee;
michael@0 133 if (!(this instanceof cls)) {
michael@0 134 return new cls(element, options);
michael@0 135 }
michael@0 136 this.__init__(element, options);
michael@0 137 };
michael@0 138
michael@0 139 MochiKit.DragAndDrop.Droppable.prototype = {
michael@0 140 /***
michael@0 141
michael@0 142 A droppable object. Simple use is to create giving an element:
michael@0 143
michael@0 144 new MochiKit.DragAndDrop.Droppable('myelement');
michael@0 145
michael@0 146 Generally you'll want to define the 'ondrop' function and maybe the
michael@0 147 'accept' option to filter draggables.
michael@0 148
michael@0 149 ***/
michael@0 150 __class__: MochiKit.DragAndDrop.Droppable,
michael@0 151
michael@0 152 __init__: function (element, /* optional */options) {
michael@0 153 var d = MochiKit.DOM;
michael@0 154 var b = MochiKit.Base;
michael@0 155 this.element = d.getElement(element);
michael@0 156 this.options = b.update({
michael@0 157
michael@0 158 /** @id MochiKit.DragAndDrop.greedy */
michael@0 159 greedy: true,
michael@0 160
michael@0 161 /** @id MochiKit.DragAndDrop.hoverclass */
michael@0 162 hoverclass: null,
michael@0 163
michael@0 164 /** @id MochiKit.DragAndDrop.activeclass */
michael@0 165 activeclass: null,
michael@0 166
michael@0 167 /** @id MochiKit.DragAndDrop.hoverfunc */
michael@0 168 hoverfunc: b.noop,
michael@0 169
michael@0 170 /** @id MochiKit.DragAndDrop.accept */
michael@0 171 accept: null,
michael@0 172
michael@0 173 /** @id MochiKit.DragAndDrop.onactive */
michael@0 174 onactive: b.noop,
michael@0 175
michael@0 176 /** @id MochiKit.DragAndDrop.ondesactive */
michael@0 177 ondesactive: b.noop,
michael@0 178
michael@0 179 /** @id MochiKit.DragAndDrop.onhover */
michael@0 180 onhover: b.noop,
michael@0 181
michael@0 182 /** @id MochiKit.DragAndDrop.ondrop */
michael@0 183 ondrop: b.noop,
michael@0 184
michael@0 185 /** @id MochiKit.DragAndDrop.containment */
michael@0 186 containment: [],
michael@0 187 tree: false
michael@0 188 }, options);
michael@0 189
michael@0 190 // cache containers
michael@0 191 this.options._containers = [];
michael@0 192 b.map(MochiKit.Base.bind(function (c) {
michael@0 193 this.options._containers.push(d.getElement(c));
michael@0 194 }, this), this.options.containment);
michael@0 195
michael@0 196 MochiKit.Style.makePositioned(this.element); // fix IE
michael@0 197
michael@0 198 MochiKit.DragAndDrop.Droppables.register(this);
michael@0 199 },
michael@0 200
michael@0 201 /** @id MochiKit.DragAndDrop.isContained */
michael@0 202 isContained: function (element) {
michael@0 203 if (this.options._containers.length) {
michael@0 204 var containmentNode;
michael@0 205 if (this.options.tree) {
michael@0 206 containmentNode = element.treeNode;
michael@0 207 } else {
michael@0 208 containmentNode = element.parentNode;
michael@0 209 }
michael@0 210 return MochiKit.Iter.some(this.options._containers, function (c) {
michael@0 211 return containmentNode == c;
michael@0 212 });
michael@0 213 } else {
michael@0 214 return true;
michael@0 215 }
michael@0 216 },
michael@0 217
michael@0 218 /** @id MochiKit.DragAndDrop.isAccepted */
michael@0 219 isAccepted: function (element) {
michael@0 220 return ((!this.options.accept) || MochiKit.Iter.some(
michael@0 221 this.options.accept, function (c) {
michael@0 222 return MochiKit.DOM.hasElementClass(element, c);
michael@0 223 }));
michael@0 224 },
michael@0 225
michael@0 226 /** @id MochiKit.DragAndDrop.isAffected */
michael@0 227 isAffected: function (point, element) {
michael@0 228 return ((this.element != element) &&
michael@0 229 this.isContained(element) &&
michael@0 230 this.isAccepted(element) &&
michael@0 231 MochiKit.Position.within(this.element, point.page.x,
michael@0 232 point.page.y));
michael@0 233 },
michael@0 234
michael@0 235 /** @id MochiKit.DragAndDrop.deactivate */
michael@0 236 deactivate: function () {
michael@0 237 /***
michael@0 238
michael@0 239 A droppable is deactivate when a draggable has been over it and left.
michael@0 240
michael@0 241 ***/
michael@0 242 if (this.options.hoverclass) {
michael@0 243 MochiKit.DOM.removeElementClass(this.element,
michael@0 244 this.options.hoverclass);
michael@0 245 }
michael@0 246 this.options.hoverfunc(this.element, false);
michael@0 247 MochiKit.DragAndDrop.Droppables.last_active = null;
michael@0 248 },
michael@0 249
michael@0 250 /** @id MochiKit.DragAndDrop.activate */
michael@0 251 activate: function () {
michael@0 252 /***
michael@0 253
michael@0 254 A droppable is active when a draggable is over it.
michael@0 255
michael@0 256 ***/
michael@0 257 if (this.options.hoverclass) {
michael@0 258 MochiKit.DOM.addElementClass(this.element, this.options.hoverclass);
michael@0 259 }
michael@0 260 this.options.hoverfunc(this.element, true);
michael@0 261 MochiKit.DragAndDrop.Droppables.last_active = this;
michael@0 262 },
michael@0 263
michael@0 264 /** @id MochiKit.DragAndDrop.destroy */
michael@0 265 destroy: function () {
michael@0 266 /***
michael@0 267
michael@0 268 Delete this droppable.
michael@0 269
michael@0 270 ***/
michael@0 271 MochiKit.DragAndDrop.Droppables.unregister(this);
michael@0 272 },
michael@0 273
michael@0 274 /** @id MochiKit.DragAndDrop.repr */
michael@0 275 repr: function () {
michael@0 276 return '[' + this.__class__.NAME + ", options:" + MochiKit.Base.repr(this.options) + "]";
michael@0 277 }
michael@0 278 };
michael@0 279
michael@0 280 MochiKit.DragAndDrop.Draggables = {
michael@0 281 /***
michael@0 282
michael@0 283 Manage draggables elements. Not intended to direct use.
michael@0 284
michael@0 285 ***/
michael@0 286 drags: [],
michael@0 287
michael@0 288 register: function (draggable) {
michael@0 289 if (this.drags.length === 0) {
michael@0 290 var conn = MochiKit.Signal.connect;
michael@0 291 this.eventMouseUp = conn(document, 'onmouseup', this, this.endDrag);
michael@0 292 this.eventMouseMove = conn(document, 'onmousemove', this,
michael@0 293 this.updateDrag);
michael@0 294 this.eventKeypress = conn(document, 'onkeypress', this,
michael@0 295 this.keyPress);
michael@0 296 }
michael@0 297 this.drags.push(draggable);
michael@0 298 },
michael@0 299
michael@0 300 unregister: function (draggable) {
michael@0 301 this.drags = MochiKit.Base.filter(function (d) {
michael@0 302 return d != draggable;
michael@0 303 }, this.drags);
michael@0 304 if (this.drags.length === 0) {
michael@0 305 var disc = MochiKit.Signal.disconnect;
michael@0 306 disc(this.eventMouseUp);
michael@0 307 disc(this.eventMouseMove);
michael@0 308 disc(this.eventKeypress);
michael@0 309 }
michael@0 310 },
michael@0 311
michael@0 312 activate: function (draggable) {
michael@0 313 // allows keypress events if window is not currently focused
michael@0 314 // fails for Safari
michael@0 315 window.focus();
michael@0 316 this.activeDraggable = draggable;
michael@0 317 },
michael@0 318
michael@0 319 deactivate: function () {
michael@0 320 this.activeDraggable = null;
michael@0 321 },
michael@0 322
michael@0 323 updateDrag: function (event) {
michael@0 324 if (!this.activeDraggable) {
michael@0 325 return;
michael@0 326 }
michael@0 327 var pointer = event.mouse();
michael@0 328 // Mozilla-based browsers fire successive mousemove events with
michael@0 329 // the same coordinates, prevent needless redrawing (moz bug?)
michael@0 330 if (this._lastPointer && (MochiKit.Base.repr(this._lastPointer.page) ==
michael@0 331 MochiKit.Base.repr(pointer.page))) {
michael@0 332 return;
michael@0 333 }
michael@0 334 this._lastPointer = pointer;
michael@0 335 this.activeDraggable.updateDrag(event, pointer);
michael@0 336 },
michael@0 337
michael@0 338 endDrag: function (event) {
michael@0 339 if (!this.activeDraggable) {
michael@0 340 return;
michael@0 341 }
michael@0 342 this._lastPointer = null;
michael@0 343 this.activeDraggable.endDrag(event);
michael@0 344 this.activeDraggable = null;
michael@0 345 },
michael@0 346
michael@0 347 keyPress: function (event) {
michael@0 348 if (this.activeDraggable) {
michael@0 349 this.activeDraggable.keyPress(event);
michael@0 350 }
michael@0 351 },
michael@0 352
michael@0 353 notify: function (eventName, draggable, event) {
michael@0 354 MochiKit.Signal.signal(this, eventName, draggable, event);
michael@0 355 }
michael@0 356 };
michael@0 357
michael@0 358 /** @id MochiKit.DragAndDrop.Draggable */
michael@0 359 MochiKit.DragAndDrop.Draggable = function (element, options) {
michael@0 360 var cls = arguments.callee;
michael@0 361 if (!(this instanceof cls)) {
michael@0 362 return new cls(element, options);
michael@0 363 }
michael@0 364 this.__init__(element, options);
michael@0 365 };
michael@0 366
michael@0 367 MochiKit.DragAndDrop.Draggable.prototype = {
michael@0 368 /***
michael@0 369
michael@0 370 A draggable object. Simple instantiate :
michael@0 371
michael@0 372 new MochiKit.DragAndDrop.Draggable('myelement');
michael@0 373
michael@0 374 ***/
michael@0 375 __class__ : MochiKit.DragAndDrop.Draggable,
michael@0 376
michael@0 377 __init__: function (element, /* optional */options) {
michael@0 378 var v = MochiKit.Visual;
michael@0 379 var b = MochiKit.Base;
michael@0 380 options = b.update({
michael@0 381
michael@0 382 /** @id MochiKit.DragAndDrop.handle */
michael@0 383 handle: false,
michael@0 384
michael@0 385 /** @id MochiKit.DragAndDrop.starteffect */
michael@0 386 starteffect: function (innerelement) {
michael@0 387 this._savedOpacity = MochiKit.Style.getStyle(innerelement, 'opacity') || 1.0;
michael@0 388 new v.Opacity(innerelement, {duration:0.2, from:this._savedOpacity, to:0.7});
michael@0 389 },
michael@0 390 /** @id MochiKit.DragAndDrop.reverteffect */
michael@0 391 reverteffect: function (innerelement, top_offset, left_offset) {
michael@0 392 var dur = Math.sqrt(Math.abs(top_offset^2) +
michael@0 393 Math.abs(left_offset^2))*0.02;
michael@0 394 return new v.Move(innerelement,
michael@0 395 {x: -left_offset, y: -top_offset, duration: dur});
michael@0 396 },
michael@0 397
michael@0 398 /** @id MochiKit.DragAndDrop.endeffect */
michael@0 399 endeffect: function (innerelement) {
michael@0 400 new v.Opacity(innerelement, {duration:0.2, from:0.7, to:this._savedOpacity});
michael@0 401 },
michael@0 402
michael@0 403 /** @id MochiKit.DragAndDrop.onchange */
michael@0 404 onchange: b.noop,
michael@0 405
michael@0 406 /** @id MochiKit.DragAndDrop.zindex */
michael@0 407 zindex: 1000,
michael@0 408
michael@0 409 /** @id MochiKit.DragAndDrop.revert */
michael@0 410 revert: false,
michael@0 411
michael@0 412 /** @id MochiKit.DragAndDrop.scroll */
michael@0 413 scroll: false,
michael@0 414
michael@0 415 /** @id MochiKit.DragAndDrop.scrollSensitivity */
michael@0 416 scrollSensitivity: 20,
michael@0 417
michael@0 418 /** @id MochiKit.DragAndDrop.scrollSpeed */
michael@0 419 scrollSpeed: 15,
michael@0 420 // false, or xy or [x, y] or function (x, y){return [x, y];}
michael@0 421
michael@0 422 /** @id MochiKit.DragAndDrop.snap */
michael@0 423 snap: false
michael@0 424 }, options);
michael@0 425
michael@0 426 var d = MochiKit.DOM;
michael@0 427 this.element = d.getElement(element);
michael@0 428
michael@0 429 if (options.handle && (typeof(options.handle) == 'string')) {
michael@0 430 this.handle = d.getFirstElementByTagAndClassName(null,
michael@0 431 options.handle, this.element);
michael@0 432 }
michael@0 433 if (!this.handle) {
michael@0 434 this.handle = d.getElement(options.handle);
michael@0 435 }
michael@0 436 if (!this.handle) {
michael@0 437 this.handle = this.element;
michael@0 438 }
michael@0 439
michael@0 440 if (options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) {
michael@0 441 options.scroll = d.getElement(options.scroll);
michael@0 442 this._isScrollChild = MochiKit.DOM.isChildNode(this.element, options.scroll);
michael@0 443 }
michael@0 444
michael@0 445 MochiKit.Style.makePositioned(this.element); // fix IE
michael@0 446
michael@0 447 this.delta = this.currentDelta();
michael@0 448 this.options = options;
michael@0 449 this.dragging = false;
michael@0 450
michael@0 451 this.eventMouseDown = MochiKit.Signal.connect(this.handle,
michael@0 452 'onmousedown', this, this.initDrag);
michael@0 453 MochiKit.DragAndDrop.Draggables.register(this);
michael@0 454 },
michael@0 455
michael@0 456 /** @id MochiKit.DragAndDrop.destroy */
michael@0 457 destroy: function () {
michael@0 458 MochiKit.Signal.disconnect(this.eventMouseDown);
michael@0 459 MochiKit.DragAndDrop.Draggables.unregister(this);
michael@0 460 },
michael@0 461
michael@0 462 /** @id MochiKit.DragAndDrop.currentDelta */
michael@0 463 currentDelta: function () {
michael@0 464 var s = MochiKit.Style.getStyle;
michael@0 465 return [
michael@0 466 parseInt(s(this.element, 'left') || '0'),
michael@0 467 parseInt(s(this.element, 'top') || '0')];
michael@0 468 },
michael@0 469
michael@0 470 /** @id MochiKit.DragAndDrop.initDrag */
michael@0 471 initDrag: function (event) {
michael@0 472 if (!event.mouse().button.left) {
michael@0 473 return;
michael@0 474 }
michael@0 475 // abort on form elements, fixes a Firefox issue
michael@0 476 var src = event.target();
michael@0 477 var tagName = (src.tagName || '').toUpperCase();
michael@0 478 if (tagName === 'INPUT' || tagName === 'SELECT' ||
michael@0 479 tagName === 'OPTION' || tagName === 'BUTTON' ||
michael@0 480 tagName === 'TEXTAREA') {
michael@0 481 return;
michael@0 482 }
michael@0 483
michael@0 484 if (this._revert) {
michael@0 485 this._revert.cancel();
michael@0 486 this._revert = null;
michael@0 487 }
michael@0 488
michael@0 489 var pointer = event.mouse();
michael@0 490 var pos = MochiKit.Position.cumulativeOffset(this.element);
michael@0 491 this.offset = [pointer.page.x - pos.x, pointer.page.y - pos.y];
michael@0 492
michael@0 493 MochiKit.DragAndDrop.Draggables.activate(this);
michael@0 494 event.stop();
michael@0 495 },
michael@0 496
michael@0 497 /** @id MochiKit.DragAndDrop.startDrag */
michael@0 498 startDrag: function (event) {
michael@0 499 this.dragging = true;
michael@0 500 if (this.options.selectclass) {
michael@0 501 MochiKit.DOM.addElementClass(this.element,
michael@0 502 this.options.selectclass);
michael@0 503 }
michael@0 504 if (this.options.zindex) {
michael@0 505 this.originalZ = parseInt(MochiKit.Style.getStyle(this.element,
michael@0 506 'z-index') || '0');
michael@0 507 this.element.style.zIndex = this.options.zindex;
michael@0 508 }
michael@0 509
michael@0 510 if (this.options.ghosting) {
michael@0 511 this._clone = this.element.cloneNode(true);
michael@0 512 this.ghostPosition = MochiKit.Position.absolutize(this.element);
michael@0 513 this.element.parentNode.insertBefore(this._clone, this.element);
michael@0 514 }
michael@0 515
michael@0 516 if (this.options.scroll) {
michael@0 517 if (this.options.scroll == window) {
michael@0 518 var where = this._getWindowScroll(this.options.scroll);
michael@0 519 this.originalScrollLeft = where.left;
michael@0 520 this.originalScrollTop = where.top;
michael@0 521 } else {
michael@0 522 this.originalScrollLeft = this.options.scroll.scrollLeft;
michael@0 523 this.originalScrollTop = this.options.scroll.scrollTop;
michael@0 524 }
michael@0 525 }
michael@0 526
michael@0 527 MochiKit.DragAndDrop.Droppables.prepare(this.element);
michael@0 528 MochiKit.DragAndDrop.Draggables.notify('start', this, event);
michael@0 529 if (this.options.starteffect) {
michael@0 530 this.options.starteffect(this.element);
michael@0 531 }
michael@0 532 },
michael@0 533
michael@0 534 /** @id MochiKit.DragAndDrop.updateDrag */
michael@0 535 updateDrag: function (event, pointer) {
michael@0 536 if (!this.dragging) {
michael@0 537 this.startDrag(event);
michael@0 538 }
michael@0 539 MochiKit.Position.prepare();
michael@0 540 MochiKit.DragAndDrop.Droppables.show(pointer, this.element);
michael@0 541 MochiKit.DragAndDrop.Draggables.notify('drag', this, event);
michael@0 542 this.draw(pointer);
michael@0 543 this.options.onchange(this);
michael@0 544
michael@0 545 if (this.options.scroll) {
michael@0 546 this.stopScrolling();
michael@0 547 var p, q;
michael@0 548 if (this.options.scroll == window) {
michael@0 549 var s = this._getWindowScroll(this.options.scroll);
michael@0 550 p = new MochiKit.Style.Coordinates(s.left, s.top);
michael@0 551 q = new MochiKit.Style.Coordinates(s.left + s.width,
michael@0 552 s.top + s.height);
michael@0 553 } else {
michael@0 554 p = MochiKit.Position.page(this.options.scroll);
michael@0 555 p.x += this.options.scroll.scrollLeft;
michael@0 556 p.y += this.options.scroll.scrollTop;
michael@0 557 p.x += (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0);
michael@0 558 p.y += (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
michael@0 559 q = new MochiKit.Style.Coordinates(p.x + this.options.scroll.offsetWidth,
michael@0 560 p.y + this.options.scroll.offsetHeight);
michael@0 561 }
michael@0 562 var speed = [0, 0];
michael@0 563 if (pointer.page.x > (q.x - this.options.scrollSensitivity)) {
michael@0 564 speed[0] = pointer.page.x - (q.x - this.options.scrollSensitivity);
michael@0 565 } else if (pointer.page.x < (p.x + this.options.scrollSensitivity)) {
michael@0 566 speed[0] = pointer.page.x - (p.x + this.options.scrollSensitivity);
michael@0 567 }
michael@0 568 if (pointer.page.y > (q.y - this.options.scrollSensitivity)) {
michael@0 569 speed[1] = pointer.page.y - (q.y - this.options.scrollSensitivity);
michael@0 570 } else if (pointer.page.y < (p.y + this.options.scrollSensitivity)) {
michael@0 571 speed[1] = pointer.page.y - (p.y + this.options.scrollSensitivity);
michael@0 572 }
michael@0 573 this.startScrolling(speed);
michael@0 574 }
michael@0 575
michael@0 576 // fix AppleWebKit rendering
michael@0 577 if (/AppleWebKit/.test(navigator.appVersion)) {
michael@0 578 window.scrollBy(0, 0);
michael@0 579 }
michael@0 580 event.stop();
michael@0 581 },
michael@0 582
michael@0 583 /** @id MochiKit.DragAndDrop.finishDrag */
michael@0 584 finishDrag: function (event, success) {
michael@0 585 var dr = MochiKit.DragAndDrop;
michael@0 586 this.dragging = false;
michael@0 587 if (this.options.selectclass) {
michael@0 588 MochiKit.DOM.removeElementClass(this.element,
michael@0 589 this.options.selectclass);
michael@0 590 }
michael@0 591
michael@0 592 if (this.options.ghosting) {
michael@0 593 // XXX: from a user point of view, it would be better to remove
michael@0 594 // the node only *after* the MochiKit.Visual.Move end when used
michael@0 595 // with revert.
michael@0 596 MochiKit.Position.relativize(this.element, this.ghostPosition);
michael@0 597 MochiKit.DOM.removeElement(this._clone);
michael@0 598 this._clone = null;
michael@0 599 }
michael@0 600
michael@0 601 if (success) {
michael@0 602 dr.Droppables.fire(event, this.element);
michael@0 603 }
michael@0 604 dr.Draggables.notify('end', this, event);
michael@0 605
michael@0 606 var revert = this.options.revert;
michael@0 607 if (revert && typeof(revert) == 'function') {
michael@0 608 revert = revert(this.element);
michael@0 609 }
michael@0 610
michael@0 611 var d = this.currentDelta();
michael@0 612 if (revert && this.options.reverteffect) {
michael@0 613 this._revert = this.options.reverteffect(this.element,
michael@0 614 d[1] - this.delta[1], d[0] - this.delta[0]);
michael@0 615 } else {
michael@0 616 this.delta = d;
michael@0 617 }
michael@0 618
michael@0 619 if (this.options.zindex) {
michael@0 620 this.element.style.zIndex = this.originalZ;
michael@0 621 }
michael@0 622
michael@0 623 if (this.options.endeffect) {
michael@0 624 this.options.endeffect(this.element);
michael@0 625 }
michael@0 626
michael@0 627 dr.Draggables.deactivate();
michael@0 628 dr.Droppables.reset(this.element);
michael@0 629 },
michael@0 630
michael@0 631 /** @id MochiKit.DragAndDrop.keyPress */
michael@0 632 keyPress: function (event) {
michael@0 633 if (event.key().string != "KEY_ESCAPE") {
michael@0 634 return;
michael@0 635 }
michael@0 636 this.finishDrag(event, false);
michael@0 637 event.stop();
michael@0 638 },
michael@0 639
michael@0 640 /** @id MochiKit.DragAndDrop.endDrag */
michael@0 641 endDrag: function (event) {
michael@0 642 if (!this.dragging) {
michael@0 643 return;
michael@0 644 }
michael@0 645 this.stopScrolling();
michael@0 646 this.finishDrag(event, true);
michael@0 647 event.stop();
michael@0 648 },
michael@0 649
michael@0 650 /** @id MochiKit.DragAndDrop.draw */
michael@0 651 draw: function (point) {
michael@0 652 var pos = MochiKit.Position.cumulativeOffset(this.element);
michael@0 653 var d = this.currentDelta();
michael@0 654 pos.x -= d[0];
michael@0 655 pos.y -= d[1];
michael@0 656
michael@0 657 if (this.options.scroll && (this.options.scroll != window && this._isScrollChild)) {
michael@0 658 pos.x -= this.options.scroll.scrollLeft - this.originalScrollLeft;
michael@0 659 pos.y -= this.options.scroll.scrollTop - this.originalScrollTop;
michael@0 660 }
michael@0 661
michael@0 662 var p = [point.page.x - pos.x - this.offset[0],
michael@0 663 point.page.y - pos.y - this.offset[1]];
michael@0 664
michael@0 665 if (this.options.snap) {
michael@0 666 if (typeof(this.options.snap) == 'function') {
michael@0 667 p = this.options.snap(p[0], p[1]);
michael@0 668 } else {
michael@0 669 if (this.options.snap instanceof Array) {
michael@0 670 var i = -1;
michael@0 671 p = MochiKit.Base.map(MochiKit.Base.bind(function (v) {
michael@0 672 i += 1;
michael@0 673 return Math.round(v/this.options.snap[i]) *
michael@0 674 this.options.snap[i];
michael@0 675 }, this), p);
michael@0 676 } else {
michael@0 677 p = MochiKit.Base.map(MochiKit.Base.bind(function (v) {
michael@0 678 return Math.round(v/this.options.snap) *
michael@0 679 this.options.snap;
michael@0 680 }, this), p);
michael@0 681 }
michael@0 682 }
michael@0 683 }
michael@0 684 var style = this.element.style;
michael@0 685 if ((!this.options.constraint) ||
michael@0 686 (this.options.constraint == 'horizontal')) {
michael@0 687 style.left = p[0] + 'px';
michael@0 688 }
michael@0 689 if ((!this.options.constraint) ||
michael@0 690 (this.options.constraint == 'vertical')) {
michael@0 691 style.top = p[1] + 'px';
michael@0 692 }
michael@0 693 if (style.visibility == 'hidden') {
michael@0 694 style.visibility = ''; // fix gecko rendering
michael@0 695 }
michael@0 696 },
michael@0 697
michael@0 698 /** @id MochiKit.DragAndDrop.stopScrolling */
michael@0 699 stopScrolling: function () {
michael@0 700 if (this.scrollInterval) {
michael@0 701 clearInterval(this.scrollInterval);
michael@0 702 this.scrollInterval = null;
michael@0 703 MochiKit.DragAndDrop.Draggables._lastScrollPointer = null;
michael@0 704 }
michael@0 705 },
michael@0 706
michael@0 707 /** @id MochiKit.DragAndDrop.startScrolling */
michael@0 708 startScrolling: function (speed) {
michael@0 709 if (!speed[0] && !speed[1]) {
michael@0 710 return;
michael@0 711 }
michael@0 712 this.scrollSpeed = [speed[0] * this.options.scrollSpeed,
michael@0 713 speed[1] * this.options.scrollSpeed];
michael@0 714 this.lastScrolled = new Date();
michael@0 715 this.scrollInterval = setInterval(MochiKit.Base.bind(this.scroll, this), 10);
michael@0 716 },
michael@0 717
michael@0 718 /** @id MochiKit.DragAndDrop.scroll */
michael@0 719 scroll: function () {
michael@0 720 var current = new Date();
michael@0 721 var delta = current - this.lastScrolled;
michael@0 722 this.lastScrolled = current;
michael@0 723
michael@0 724 if (this.options.scroll == window) {
michael@0 725 var s = this._getWindowScroll(this.options.scroll);
michael@0 726 if (this.scrollSpeed[0] || this.scrollSpeed[1]) {
michael@0 727 var dm = delta / 1000;
michael@0 728 this.options.scroll.scrollTo(s.left + dm * this.scrollSpeed[0],
michael@0 729 s.top + dm * this.scrollSpeed[1]);
michael@0 730 }
michael@0 731 } else {
michael@0 732 this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000;
michael@0 733 this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000;
michael@0 734 }
michael@0 735
michael@0 736 var d = MochiKit.DragAndDrop;
michael@0 737
michael@0 738 MochiKit.Position.prepare();
michael@0 739 d.Droppables.show(d.Draggables._lastPointer, this.element);
michael@0 740 d.Draggables.notify('drag', this);
michael@0 741 if (this._isScrollChild) {
michael@0 742 d.Draggables._lastScrollPointer = d.Draggables._lastScrollPointer || d.Draggables._lastPointer;
michael@0 743 d.Draggables._lastScrollPointer.x += this.scrollSpeed[0] * delta / 1000;
michael@0 744 d.Draggables._lastScrollPointer.y += this.scrollSpeed[1] * delta / 1000;
michael@0 745 if (d.Draggables._lastScrollPointer.x < 0) {
michael@0 746 d.Draggables._lastScrollPointer.x = 0;
michael@0 747 }
michael@0 748 if (d.Draggables._lastScrollPointer.y < 0) {
michael@0 749 d.Draggables._lastScrollPointer.y = 0;
michael@0 750 }
michael@0 751 this.draw(d.Draggables._lastScrollPointer);
michael@0 752 }
michael@0 753
michael@0 754 this.options.onchange(this);
michael@0 755 },
michael@0 756
michael@0 757 _getWindowScroll: function (win) {
michael@0 758 var vp, w, h;
michael@0 759 MochiKit.DOM.withWindow(win, function () {
michael@0 760 vp = MochiKit.Style.getViewportPosition(win.document);
michael@0 761 });
michael@0 762 if (win.innerWidth) {
michael@0 763 w = win.innerWidth;
michael@0 764 h = win.innerHeight;
michael@0 765 } else if (win.document.documentElement && win.document.documentElement.clientWidth) {
michael@0 766 w = win.document.documentElement.clientWidth;
michael@0 767 h = win.document.documentElement.clientHeight;
michael@0 768 } else {
michael@0 769 w = win.document.body.offsetWidth;
michael@0 770 h = win.document.body.offsetHeight;
michael@0 771 }
michael@0 772 return {top: vp.y, left: vp.x, width: w, height: h};
michael@0 773 },
michael@0 774
michael@0 775 /** @id MochiKit.DragAndDrop.repr */
michael@0 776 repr: function () {
michael@0 777 return '[' + this.__class__.NAME + ", options:" + MochiKit.Base.repr(this.options) + "]";
michael@0 778 }
michael@0 779 };
michael@0 780
michael@0 781 MochiKit.DragAndDrop.__new__ = function () {
michael@0 782 MochiKit.Base.nameFunctions(this);
michael@0 783
michael@0 784 this.EXPORT_TAGS = {
michael@0 785 ":common": this.EXPORT,
michael@0 786 ":all": MochiKit.Base.concat(this.EXPORT, this.EXPORT_OK)
michael@0 787 };
michael@0 788 };
michael@0 789
michael@0 790 MochiKit.DragAndDrop.__new__();
michael@0 791
michael@0 792 MochiKit.Base._exportSymbols(this, MochiKit.DragAndDrop);
michael@0 793

mercurial