From eacd137a7c79eaa35c66240cff65c676a81b506c Mon Sep 17 00:00:00 2001 From: Claus Dethlefsen Date: Sat, 16 May 2026 10:37:10 +0200 Subject: [PATCH] Gallery: add touch swipe support for iPhone/iPad --- dashboards/views/06c_indkorsel_snapshots.yaml | 2 +- python_scripts/generate_indkorsel_gallery.py | 12 ++++++++++++ www/snapshots/indkorsel_gallery.html | 14 +++++++++++++- www/snapshots/indkorsel_loader.html | 2 +- 4 files changed, 27 insertions(+), 3 deletions(-) diff --git a/dashboards/views/06c_indkorsel_snapshots.yaml b/dashboards/views/06c_indkorsel_snapshots.yaml index 05d4a7f..1be9486 100644 --- a/dashboards/views/06c_indkorsel_snapshots.yaml +++ b/dashboards/views/06c_indkorsel_snapshots.yaml @@ -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% diff --git a/python_scripts/generate_indkorsel_gallery.py b/python_scripts/generate_indkorsel_gallery.py index ae1bc6d..9700b58 100644 --- a/python_scripts/generate_indkorsel_gallery.py +++ b/python_scripts/generate_indkorsel_gallery.py @@ -129,6 +129,18 @@ html = f""" 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'); diff --git a/www/snapshots/indkorsel_gallery.html b/www/snapshots/indkorsel_gallery.html index ccaf4a2..4bad431 100644 --- a/www/snapshots/indkorsel_gallery.html +++ b/www/snapshots/indkorsel_gallery.html @@ -824,7 +824,7 @@