claus/N22
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Gallery: add touch swipe support for iPhone/iPad

Browse Source
This commit is contained in:
Claus Dethlefsen
2026-05-16 10:37:10 +02:00
parent 63288dbb4b
commit eacd137a7c
4 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboards/views/06c_indkorsel_snapshots.yaml
+1 -1
View File
@@ -5,5 +5,5 @@ panel: true
cards:
- type: iframe
url: /local/snapshots/indkorsel_loader.html?v=20260516103510
url: /local/snapshots/indkorsel_loader.html?v=20260516103651
aspect_ratio: 100%
python_scripts/generate_indkorsel_gallery.py
+12
View File
@@ -129,6 +129,18 @@ html = f"""<!DOCTYPE html>
document.getElementById('modal').addEventListener('click', function(e){{
if(e.target === this) closeModal();
}});
// Touch swipe support (iPhone/iPad)
let _tx = null;
document.getElementById('modal').addEventListener('touchstart', e => {{
_tx = e.changedTouches[0].clientX;
}}, {{passive: true}});
document.getElementById('modal').addEventListener('touchend', e => {{
if(_tx === null) return;
const dx = e.changedTouches[0].clientX - _tx;
_tx = null;
if(Math.abs(dx) < 40) return; // ignore taps
navigate(dx < 0 ? 1 : -1); // swipe left = næste, swipe right = forrige
}}, {{passive: true}});
function pruneSnapshots(){{
if(!confirm('Slet alle undtagen de 100 nyeste billeder?')) return;
const btn = document.getElementById('pruneBtn');
www/snapshots/indkorsel_gallery.html
+13 -1
View File
File diff suppressed because one or more lines are too long
www/snapshots/indkorsel_loader.html
+1 -1
View File
@@ -3,5 +3,5 @@
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta http-equiv="refresh" content="0; url=/local/snapshots/indkorsel_gallery.html?v=20260516103510">
<meta http-equiv="refresh" content="0; url=/local/snapshots/indkorsel_gallery.html?v=20260516103651">
</head><body></body></html>