/* ============================================================ BAN YARO — Einstellungen / Account Login, Registrierung, Logout, Account-Info. ============================================================ */ window.Page_settings = (() => { let _container = null; let _appState = null; let _mode = 'login'; // 'login' | 'register' // ---------------------------------------------------------- // INIT / REFRESH // ---------------------------------------------------------- async function init(container, appState) { _container = container; _appState = appState; _render(); } function refresh() { _render(); } // ---------------------------------------------------------- // RENDER // ---------------------------------------------------------- function _render() { if (_appState.user) { _renderAccount(); } else { _renderAuth(_mode); } } // ---------------------------------------------------------- // EINGELOGGT — Account-Übersicht // ---------------------------------------------------------- function _renderAccount() { const u = _appState.user; _container.innerHTML = `
${_esc(u.name.charAt(0).toUpperCase())}
${_esc(u.name)}
${_esc(u.email)}
${u.is_premium ? ` Ban Yaro Plus ` : ` Kostenlos `}
Hunde-Profile ›
App-Einstellungen
Pocket-Modus beim Aufzeichnen
Schwarzes Overlay hält den Bildschirm aktiv (GPS läuft) — ideal für die Hosentasche. Helligkeit auf Minimum reduzieren für optimalen Akku-Schutz.
App installieren
Ban Yaro · banyaro.app
Deine Daten liegen auf einem eigenen Server in Deutschland.
`; document.getElementById('settings-logout-btn')?.addEventListener('click', async () => { const ok = await UI.modal.confirm({ title : 'Abmelden?', message: 'Du wirst aus deinem Konto abgemeldet.', confirmText: 'Abmelden', }); if (!ok) return; try { await API.auth.logout(); } catch { /* cookie wird trotzdem gelöscht */ } _appState.user = null; _appState.dogs = []; _appState.activeDog = null; UI.toast.info('Du wurdest abgemeldet.'); _render(); }); document.getElementById('settings-install-btn')?.addEventListener('click', () => { App.navigate('welcome'); }); document.getElementById('settings-push-btn')?.addEventListener('click', async () => { try { await API.subscribeToPush(); UI.toast.success('Push-Benachrichtigungen aktiviert.'); } catch { UI.toast.warning('Push-Benachrichtigungen konnten nicht aktiviert werden.'); } }); document.getElementById('toggle-pocket-mode')?.addEventListener('change', e => { localStorage.setItem('by_pocket_mode', String(e.target.checked)); UI.toast.info(e.target.checked ? 'Pocket-Modus aktiviert — Bildschirm bleibt bei Aufzeichnung an.' : 'Pocket-Modus deaktiviert.'); }); } // ---------------------------------------------------------- // NICHT EINGELOGGT — Login / Registrierung // ---------------------------------------------------------- function _renderAuth(mode) { _mode = mode; _container.innerHTML = `
Ban Yaro

Ban Yaro

Alles rund um deinen Hund

${mode === 'login' ? _loginFormHTML() : _registerFormHTML()}
`; document.getElementById('tab-login') ?.addEventListener('click', () => _renderAuth('login')); document.getElementById('tab-register') ?.addEventListener('click', () => _renderAuth('register')); if (mode === 'login') { _bindLoginForm(); } else { _bindRegisterForm(); } } function _loginFormHTML() { return `
`; } function _registerFormHTML() { return `

Mit der Registrierung stimmst du unseren Datenschutzhinweisen zu.
Deine Daten werden ausschließlich auf unserem Server gespeichert.

`; } function _bindLoginForm() { document.getElementById('auth-form')?.addEventListener('submit', async e => { e.preventDefault(); const btn = e.target.querySelector('[type="submit"]'); const fd = UI.formData(e.target); await UI.asyncButton(btn, async () => { const result = await API.auth.login(fd.email, fd.password); localStorage.setItem('by_token', result.token); // User-Daten laden _appState.user = await API.auth.me(); document.getElementById('sidebar-username').textContent = _appState.user.name; // Hunde laden try { _appState.dogs = await API.dogs.list(); _appState.activeDog = _appState.dogs[0] || null; } catch { /* keine Hunde = okay */ } UI.toast.success(`Willkommen zurück, ${_appState.user.name}!`); // Nach Login: Tagebuch oder Profil anlegen if (_appState.activeDog) { App.navigate('diary'); } else { App.navigate('dog-profile'); } }); }); } function _bindRegisterForm() { document.getElementById('auth-form')?.addEventListener('submit', async e => { e.preventDefault(); const btn = e.target.querySelector('[type="submit"]'); const fd = UI.formData(e.target); if (!fd.name?.trim()) { UI.toast.warning('Bitte einen Namen eingeben.'); return; } if ((fd.password || '').length < 8) { UI.toast.warning('Passwort muss mindestens 8 Zeichen lang sein.'); return; } await UI.asyncButton(btn, async () => { const result = await API.auth.register(fd.email, fd.password, fd.name.trim()); localStorage.setItem('by_token', result.token); _appState.user = await API.auth.me(); document.getElementById('sidebar-username').textContent = _appState.user.name; _appState.dogs = []; _appState.activeDog = null; UI.toast.success(`Willkommen bei Ban Yaro, ${_appState.user.name}! 🐕`); // Direkt zur Profil-Anlage App.navigate('dog-profile'); }); }); } // ---------------------------------------------------------- // HELPER // ---------------------------------------------------------- function _esc(str) { if (!str) return ''; return str.replace(/&/g, '&').replace(//g, '>') .replace(/"/g, '"'); } // ---------------------------------------------------------- // PUBLIC // ---------------------------------------------------------- return { init, refresh }; })();