1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-06-16 10:29:54 +00:00

Switch drag image to use draggable DOM node

We’ll still support dragging pills, but dragging the DOM node image
seems to look better in most situations.
This commit is contained in:
Jermolene 2017-03-23 17:02:26 +00:00
parent 8f1114960a
commit b1ed77d6b8

View File

@ -16,12 +16,14 @@ Browser data transfer utilities, used with the clipboard and drag and drop
Options:
domNode: dom node to make draggable
dragImageType: "pill" or "dom"
dragTiddlerFn: optional function to retrieve the title of tiddler to drag
dragFilterFn: optional function to retreive the filter defining a list of tiddlers to drag
widget: widget to use as the contect for the filter
*/
exports.makeDraggable = function(options) {
var dragImage,
var dragImageType = options.dragImageType || "dom",
dragImage,
domNode = options.domNode;
// Make the dom node draggable
domNode.setAttribute("draggable","true");
@ -59,10 +61,16 @@ exports.makeDraggable = function(options) {
// Set up the image
dataTransfer.effectAllowed = "copy";
if(dataTransfer.setDragImage) {
dataTransfer.setDragImage(dragImage.firstChild,-16,-16);
if(dragImageType === "pill") {
dataTransfer.setDragImage(dragImage.firstChild,-16,-16);
} else {
dataTransfer.setDragImage(domNode,(event.clientX-r.left),(event.clientY-r.top));
}
}
// Set up the data transfer
dataTransfer.clearData();
if(dataTransfer.clearData) {
dataTransfer.clearData();
}
var jsonData = [];
if(titles.length > 1) {
titles.forEach(function(title) {