2018-03-26 01:41:29 +08:00
|
|
|
import treeService from './tree.js';
|
2018-04-02 08:33:10 +08:00
|
|
|
import treeChangesService from './branches.js';
|
2018-03-25 23:09:17 +08:00
|
|
|
|
2017-09-10 00:06:15 +08:00
|
|
|
const dragAndDropSetup = {
|
|
|
|
autoExpandMS: 600,
|
2017-10-10 06:53:11 +08:00
|
|
|
dragStart: (node, data) => {
|
2018-10-22 04:42:20 +08:00
|
|
|
if (node.data.noteId === 'root') {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2018-11-12 22:10:49 +08:00
|
|
|
node.setSelected(true);
|
|
|
|
|
2018-11-12 20:05:09 +08:00
|
|
|
// this is for dragging notes into relation map
|
2018-11-19 18:19:56 +08:00
|
|
|
// we allow to drag only one note at a time because it multi-drag conflicts with multiple single drags
|
|
|
|
// in UX and single drag is probably more useful
|
|
|
|
data.dataTransfer.setData("text", JSON.stringify({
|
|
|
|
noteId: node.data.noteId,
|
|
|
|
title: node.title
|
|
|
|
}));
|
2018-11-12 20:05:09 +08:00
|
|
|
|
2017-09-10 00:06:15 +08:00
|
|
|
// This function MUST be defined to enable dragging for the tree.
|
|
|
|
// Return false to cancel dragging of node.
|
|
|
|
return true;
|
|
|
|
},
|
2018-11-12 20:05:09 +08:00
|
|
|
dragEnter: (node, data) => {
|
|
|
|
// we don't allow moving root to any other location in the tree
|
|
|
|
// we allow it to be placed on the relation map though, that's handled in a different drop handler
|
|
|
|
return node.data.noteId === 'root';
|
|
|
|
}, // allow drop on any node
|
2017-10-10 06:53:11 +08:00
|
|
|
dragDrop: (node, data) => {
|
2017-09-10 00:06:15 +08:00
|
|
|
// This function MUST be defined to enable dropping of items on the tree.
|
|
|
|
// data.hitMode is 'before', 'after', or 'over'.
|
|
|
|
|
2018-03-25 09:39:15 +08:00
|
|
|
const selectedNodes = treeService.getSelectedNodes();
|
2018-01-02 07:29:06 +08:00
|
|
|
|
2017-09-10 00:06:15 +08:00
|
|
|
if (data.hitMode === "before") {
|
2018-03-26 01:41:29 +08:00
|
|
|
treeChangesService.moveBeforeNode(selectedNodes, node);
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
|
|
|
else if (data.hitMode === "after") {
|
2018-03-26 01:41:29 +08:00
|
|
|
treeChangesService.moveAfterNode(selectedNodes, node);
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
|
|
|
else if (data.hitMode === "over") {
|
2018-03-26 01:41:29 +08:00
|
|
|
treeChangesService.moveToNode(selectedNodes, node);
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
|
|
|
else {
|
2018-11-06 04:42:29 +08:00
|
|
|
throw new Error("Unknown hitMode=" + data.hitMode);
|
2017-09-10 00:06:15 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
};
|
2018-03-25 23:09:17 +08:00
|
|
|
|
|
|
|
export default dragAndDropSetup;
|