mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 09:35:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Unselect a treeview node, if the referenced page changes

Browse source 
Related to issue #458
This commit is contained in:
Jan Böhmer 2024-01-27 21:12:21 +01:00
parent e6ae73db00
commit 8018e8687b
1 changed files with 29 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

29
assets/controllers/elements/tree_controller.js
View file

@ -98,6 +98,7 @@ export default class extends Controller {
const node = event.detail.node; const node = event.detail.node;
if (node.href) { if (node.href) {
window.Turbo.visit(node.href, {action: "advance"}); window.Turbo.visit(node.href, {action: "advance"});
this._registerURLWatcher(node);
} }
}, },
//onNodeContextmenu: contextmenu_handler, //onNodeContextmenu: contextmenu_handler,
@ -108,12 +109,40 @@ export default class extends Controller {
const treeView = event.detail.treeView; const treeView = event.detail.treeView;
treeView.revealNode(treeView.getSelected()); treeView.revealNode(treeView.getSelected());
//Add the url watcher to all selected nodes
for (const node of treeView.getSelected()) {
this._registerURLWatcher(node);
}
//Add contextmenu event listener to the tree, which allows us to open the links in a new tab with a right click //Add contextmenu event listener to the tree, which allows us to open the links in a new tab with a right click
treeView.getTreeElement().addEventListener("contextmenu", this._onContextMenu.bind(this)); treeView.getTreeElement().addEventListener("contextmenu", this._onContextMenu.bind(this));
}); });
} }
_registerURLWatcher(node)
{
//Register a watcher for a location change, which will unselect the node, if the location changes
const desired_url = node.href;
//Ensure that the node is unselected, if the location changes
const unselectNode = () => {
//Parse url so we can properly compare them
const desired = new URL(node.href, window.location.origin);
//We only compare the pathname, because the hash and parameters should not matter
if(window.location.pathname !== desired.pathname) {
node.setSelected(false);
//Unregister the watcher
document.removeEventListener('turbo:visit', unselectNode);
}
};
//Register the watcher via hotwire turbo
document.addEventListener('turbo:visit', unselectNode);
}
_onContextMenu(event) _onContextMenu(event)
{ {
//Find the node that was clicked and open link in new tab //Find the node that was clicked and open link in new tab