/* ============================================================ BAN YARO — Willkommensseite Über die App, Features, Installations-Anleitung. ============================================================ */ window.Page_welcome = (() => { let _container = null; let _appState = null; // ---------------------------------------------------------- // INIT // ---------------------------------------------------------- async function init(container, appState) { _container = container; _appState = appState; _render(); } function refresh() { _render(); } function onDogChange() {} // ---------------------------------------------------------- // RENDER // ---------------------------------------------------------- function _render() { const isInstalled = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true; _container.innerHTML = `

Ban Yaro

Die Plattform für Hundebesitzer —
Tagebuch, Gesundheit, Community und mehr.

Was Ban Yaro kann

${[ ['book-open', 'Tagebuch', 'Momente, Fotos und Meilensteine festhalten'], ['syringe', 'Gesundheit', 'Impfungen, Tierarztbesuche & Medikamente'], ['map-trifold', 'Karte & Routen', 'Hundefreundliche Orte und Spazierwege'], ['warning-octagon','Giftköder-Alarm', 'Community-Warnungen in deiner Nähe'], ['paw-print', 'Gassi-Treffen', 'Hunde-Dates mit anderen Besitzern'], ['house-line', 'Sitting', 'Dogsitter finden oder selbst anbieten'], ['target', 'Training', 'Übungen, Pläne und KI-Trainer'], ['books', 'Wiki & Wissen', 'Rassen, Ernährung, Erste Hilfe'], ].map(([icon, title, desc], i) => `

${title}

${desc}

`).join('')}

App installieren

${isInstalled ? `

Ban Yaro ist bereits installiert.

` : _installHTML() }

${!_appState.user ? `

` : ''}

Ban Yaro · Deine Daten auf eigenem Server in Deutschland.

`; _bindEvents(); } // ---------------------------------------------------------- // INSTALLATIONS-ANLEITUNG (plattformabhängig) // ---------------------------------------------------------- function _installHTML() { const ua = navigator.userAgent; const isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream; const isSafari = /^((?!chrome|android).)*safari/i.test(ua); const isAndroid = /android/i.test(ua); const hasPrompt = !!App.getInstallPrompt(); // Android/Chrome mit nativem Prompt if ((isAndroid || hasPrompt) && hasPrompt) { return `

Installiere Ban Yaro direkt auf deinem Gerät — kein App Store nötig. Die App verhält sich wie eine native App und funktioniert auch offline.

`; } // iOS Safari if (isIOS && isSafari) { return `

Installiere Ban Yaro auf deinem iPhone oder iPad:

${_steps([ ['share', 'Tippe auf das Teilen-Symbol in Safari (Rechteck mit Pfeil nach oben)'], ['plus', 'Scrolle nach unten und tippe auf „Zum Home-Bildschirm"'], ['check', 'Tippe rechts oben auf „Hinzufügen" — fertig!'], ])}

Funktioniert nur in Safari, nicht in anderen Browsern auf iOS.

`; } // Desktop oder andere Browser return `

Ban Yaro lässt sich in Chrome, Edge und anderen modernen Browsern installieren:

${_steps([ ['globe', 'Öffne Ban Yaro in Chrome oder Edge'], ['download-simple','Klicke in der Adressleiste auf das Installieren-Symbol (↓ mit Kreis)'], ['check', 'Bestätige die Installation — Ban Yaro öffnet sich dann wie eine Desktop-App'], ])}

Auf Android: Menü (⋮) → „App installieren" oder „Zum Startbildschirm hinzufügen".

`; } function _steps(list) { return `

${i + 1}
${text}

`; } // ---------------------------------------------------------- // EVENTS // ---------------------------------------------------------- function _bindEvents() { // Android-Install-Button _container.querySelector('#install-android-btn')?.addEventListener('click', async () => { const prompt = App.getInstallPrompt(); if (!prompt) return; prompt.prompt(); const { outcome } = await prompt.userChoice; if (outcome === 'accepted') { UI.toast.success('Ban Yaro wird installiert!'); _render(); // zeigt "bereits installiert" } }); // CTAs für nicht-eingeloggte User _container.querySelector('#welcome-register-btn')?.addEventListener('click', () => { App.navigate('settings'); }); _container.querySelector('#welcome-login-btn')?.addEventListener('click', () => { App.navigate('settings'); }); } // ---------------------------------------------------------- // PUBLIC // ---------------------------------------------------------- return { init, refresh, onDogChange }; })();