mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-25 17:33:49 +01:00
0c2f211ada
- tree drop wouldn't work on newly added folders - tree drop actions sometimes targeted a parent leaf - flickering on drop hover
73 lines
2.4 KiB
TypeScript
73 lines
2.4 KiB
TypeScript
/**
|
|
* EGroupware egw_dragdrop_shoelaceTree - egw action framework
|
|
*
|
|
* @link https://www.egroupware.org
|
|
* @author Andreas Stöckel <as@stylite.de>
|
|
* @copyright 2011 by Andreas Stöckel
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
* @package egw_action
|
|
*/
|
|
import {egwActionObjectInterface} from "./egw_action";
|
|
import {Et2Tree} from "../etemplate/Et2Tree/Et2Tree";
|
|
import {EGW_AI_DRAG_ENTER, EGW_AI_DRAG_OUT, EGW_AO_STATE_FOCUSED, EGW_AO_STATE_SELECTED} from "./egw_action_constants";
|
|
import {egwBitIsSet} from "./egw_action_common";
|
|
import {SlTreeItem} from "@shoelace-style/shoelace";
|
|
import {EgwActionObject} from "./EgwActionObject";
|
|
|
|
|
|
export const EXPAND_FOLDER_ON_DRAG_DROP_TIMEOUT = 1000
|
|
|
|
export class EgwDragDropShoelaceTree extends egwActionObjectInterface{
|
|
node: SlTreeItem;
|
|
id: string;
|
|
tree: Et2Tree;
|
|
|
|
// Reference to the widget that's handling actions for us
|
|
public findActionTargetHandler : EgwActionObject;
|
|
constructor(_tree:Et2Tree, _itemId: string) {
|
|
|
|
super();
|
|
this.node = _tree.getDomNode(_itemId);
|
|
this.id = _itemId
|
|
this.tree = _tree
|
|
this.findActionTargetHandler = _tree.widget_object;
|
|
this.doGetDOMNode = function () {
|
|
return this.node;
|
|
}
|
|
let timeout: NodeJS.Timeout;
|
|
|
|
this.doTriggerEvent = function (_event) {
|
|
if (_event == EGW_AI_DRAG_ENTER)
|
|
{
|
|
|
|
this.node.classList.add("draggedOver", "drop-hover");
|
|
timeout = setTimeout(() => {
|
|
if (this.node.classList.contains("draggedOver"))
|
|
{
|
|
this.node.expanded = true
|
|
}
|
|
}, EXPAND_FOLDER_ON_DRAG_DROP_TIMEOUT)
|
|
}
|
|
if (_event == EGW_AI_DRAG_OUT)
|
|
{
|
|
(this.node).classList.remove("draggedOver", "drop-hover");
|
|
clearTimeout(timeout)
|
|
}
|
|
return true
|
|
}
|
|
|
|
this.doSetState = function (_state) {
|
|
if (!_tree || !_tree.focusItem) return;
|
|
|
|
// Update the "focused" flag
|
|
if (egwBitIsSet(_state, EGW_AO_STATE_FOCUSED))
|
|
{
|
|
_tree.focusItem(this.id);
|
|
}
|
|
if (egwBitIsSet(_state, EGW_AO_STATE_SELECTED))
|
|
{
|
|
// _tree.selectItem(this.id, false); // false = do not trigger onSelect
|
|
}
|
|
}
|
|
}
|
|
} |