Feature: Tagebuch Ort/POI, Foto/Video-Edit, Modal-UX, iOS-Fixes
Tagebuch — Ort/POI (DayOne-ähnlich):
- diary.location_name Spalte, DiaryCreate/Update mit gps_lat/lon/location_name
- GET /api/dogs/{id}/diary/nearby: Overpass + Nominatim (vor {entry_id}-Route)
- Mini-Karte im Edit-Formular: Leaflet lazy, Edit-Modus, SVG-Pin
- Meilenstein-Toggle: Button statt Checkbox, Filter in Toolbar
- Datenmigration: 97 Ort-Einträge aus text → location_name
Tagebuch — Foto/Video:
- Foto/Video im Edit: Ersetzen + Löschen, DELETE media endpoint
- Media-Picker: Kamera/Mediathek/Datei Buttons
- Video-Wiedergabe (<video controls> in Detail + Edit)
Modal-UX (alle Edit-Karten vereinheitlicht):
- Footer-Pattern: [Speichern vollbreit] / [Löschen][Abbrechen]
- diary, dog-profile, events, health, places, walks, settings, sitting
- Löschen aus Detail-Modal → Edit-Form verschoben
iOS Mobile-Fixes:
- Auto-Zoom: input/select/textarea font-size 16px !important
- Scroll-Through: html.modal-open + touch-action:none auf Overlay
- Kein position:fixed mehr auf body (kein Scroll-Sprung)
PWA & Icons:
- icon-512-any.png + icon-192-any.png (quadratisch, maskable)
- manifest.json: purpose any/maskable getrennt
- Gesundheits-Icon: syringe → first-aid
Import-Fix:
- _HTMLStripper überspringt video/audio/script → kein "Video nicht gefunden" mehr
This commit is contained in:
parent
88912e2746
commit
f8d354749d
19 changed files with 963 additions and 198 deletions
|
|
@ -77,7 +77,7 @@ const UI = (() => {
|
|||
overlay.querySelector('.modal-close-btn')?.addEventListener('click', close);
|
||||
|
||||
document.getElementById('modal-container').appendChild(overlay);
|
||||
document.body.style.overflow = 'hidden';
|
||||
document.documentElement.classList.add('modal-open');
|
||||
_current = { overlay, onClose };
|
||||
|
||||
return overlay.querySelector('.modal');
|
||||
|
|
@ -85,10 +85,18 @@ const UI = (() => {
|
|||
|
||||
function close() {
|
||||
if (!_current) return;
|
||||
_current.onClose?.();
|
||||
const { onClose } = _current;
|
||||
onClose?.();
|
||||
_current.overlay.remove();
|
||||
document.body.style.overflow = '';
|
||||
document.documentElement.classList.remove('modal-open');
|
||||
_current = null;
|
||||
// iOS Safari setzt den Zoom nach Input-Fokus nicht zurück — Viewport kurz neu setzen
|
||||
const meta = document.querySelector('meta[name="viewport"]');
|
||||
if (meta) {
|
||||
const orig = meta.content;
|
||||
meta.content = orig + ',maximum-scale=1';
|
||||
requestAnimationFrame(() => { meta.content = orig; });
|
||||
}
|
||||
}
|
||||
|
||||
// Bestätigungsdialog
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue