mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-27 03:57:21 +00:00
Code Issues Releases Wiki Activity

Switch drag image to use draggable DOM node

Browse Source 
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
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
core/modules/utils/dom/dragndrop.js
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) {