admin/vibetorrent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 194 Wiki Activity

feat(ui): add mobile long-press support for context menus
All checks were successful
Build MIPS Binary / build (push) Successful in 1m58s
Details

Browse Source
This commit is contained in:
spinline
2026-02-21 01:46:21 +03:00
parent ab27cf3eb4
commit 851d79029a
1 changed files with 48 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
frontend/src/components/ui/context_menu.rs
View File

@@ -296,7 +296,7 @@ pub fn ContextMenuContent(
}} }}
}}; }};
// Right-click on trigger // Right-click on trigger (desktop)
trigger.addEventListener('contextmenu', (e) => {{ trigger.addEventListener('contextmenu', (e) => {{
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
@@ -307,6 +307,53 @@ pub fn ContextMenuContent(
openMenu(e.clientX, e.clientY); openMenu(e.clientX, e.clientY);
}}); }});
// Long-press on trigger (mobile)
let touchTimer = null;
let touchStartX = 0;
let touchStartY = 0;
const LONG_PRESS_DURATION = 500;
const MOVE_THRESHOLD = 10;
trigger.addEventListener('touchstart', (e) => {{
const touch = e.touches[0];
touchStartX = touch.clientX;
touchStartY = touch.clientY;
touchTimer = setTimeout(() => {{
e.preventDefault();
if (isOpen) {{
closeMenu();
}}
openMenu(touchStartX, touchStartY);
}}, LONG_PRESS_DURATION);
}}, {{ passive: false }});
trigger.addEventListener('touchmove', (e) => {{
if (touchTimer) {{
const touch = e.touches[0];
const dx = Math.abs(touch.clientX - touchStartX);
const dy = Math.abs(touch.clientY - touchStartY);
if (dx > MOVE_THRESHOLD || dy > MOVE_THRESHOLD) {{
clearTimeout(touchTimer);
touchTimer = null;
}}
}}
}});
trigger.addEventListener('touchend', () => {{
if (touchTimer) {{
clearTimeout(touchTimer);
touchTimer = null;
}}
}});
trigger.addEventListener('touchcancel', () => {{
if (touchTimer) {{
clearTimeout(touchTimer);
touchTimer = null;
}}
}});
// Close when action is clicked // Close when action is clicked
const actions = menu.querySelectorAll('[data-context-close]'); const actions = menu.querySelectorAll('[data-context-close]');
actions.forEach(action => {{ actions.forEach(action => {{