banyaro/backend/static/js/pages/datenschutz.js

/* ============================================================
   BAN YARO — Datenschutzerklärung
   ============================================================ */

window.Page_datenschutz = (() => {

  function init(container) {
    const optOut = localStorage.getItem('gaOptOut') === 'yes';
    const gaSection = `
      <section style="margin-bottom:var(--space-6)">
        <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                   color:var(--c-text);margin:0 0 var(--space-2)">Google Analytics</h2>
        <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0 0 var(--space-3)">
          Wir nutzen Google Analytics 4 (Google LLC, USA) zur anonymisierten Analyse der App-Nutzung.
          Deine IP-Adresse wird gekürzt, es werden keine Cookies gesetzt und keine
          personenbezogenen Daten gespeichert. Die Verarbeitung erfolgt auf Basis von
          Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse an anonymer Nutzungsanalyse).
          Du kannst der Erhebung jederzeit widersprechen.
        </p>
        ${optOut ? `
          <p style="font-size:var(--text-sm);color:var(--c-success,#16a34a);margin:0 0 var(--space-3)">
            Analytics ist für dich <strong>deaktiviert</strong>.
          </p>
          <button id="ga-optin-btn"
                  style="padding:var(--space-2) var(--space-4);border:1px solid var(--c-border,#e5e7eb);
                         border-radius:var(--radius-md);background:transparent;cursor:pointer;
                         font-size:var(--text-sm);color:var(--c-text-secondary)">
            Analytics wieder aktivieren
          </button>
        ` : `
          <button id="ga-optout-btn"
                  style="padding:var(--space-2) var(--space-4);border:1px solid var(--c-border,#e5e7eb);
                         border-radius:var(--radius-md);background:transparent;cursor:pointer;
                         font-size:var(--text-sm);color:var(--c-text-secondary)">
            Analytics deaktivieren (Opt-out)
          </button>
        `}
      </section>
    `;

    container.innerHTML = `
      <div style="max-width:640px;margin:0 auto;padding:var(--space-6) var(--space-4)">

        <h1 style="font-size:var(--text-2xl);font-weight:var(--weight-bold);
                   color:var(--c-text);margin:0 0 var(--space-6)">Datenschutzerklärung</h1>

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Verantwortlicher</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            René Degelmann, Ringstr. 26, 85560 Ebersberg<br>
            E-Mail: <a href="mailto:mail@motocamp.de"
                       style="color:var(--c-primary)">mail@motocamp.de</a>
          </p>
        </section>

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Welche Daten wir verarbeiten</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            Bei der Registrierung und Nutzung von Ban Yaro werden folgende Daten verarbeitet:
          </p>
          <ul style="font-size:var(--text-sm);color:var(--c-text-secondary);
                     line-height:1.7;margin:var(--space-2) 0 0;padding-left:var(--space-5)">
            <li><strong>Accountdaten:</strong> Benutzername, E-Mail-Adresse, Passwort (gehashed)</li>
            <li><strong>Hundeprofil:</strong> Name, Rasse, Alter, Foto (freiwillig)</li>
            <li><strong>Standortdaten:</strong> Nur wenn du Gassi-Treffen, Giftköder-Meldungen oder die
              Karte nutzt (jeweils nur nach expliziter Browser-Freigabe)</li>
            <li><strong>Inhalte:</strong> Tagebucheinträge, Fotos, Forenbeiträge, Chatnachrichten</li>
            <li><strong>Technische Daten:</strong> IP-Adresse (serverseitig für Sicherheit/Rate-Limiting),
              Browser-Typ</li>
          </ul>
        </section>

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Rechtsgrundlage</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            Die Verarbeitung erfolgt auf Basis von Art. 6 Abs. 1 lit. b DSGVO (Vertragserfüllung)
            für alle zur Bereitstellung des Dienstes notwendigen Daten, sowie Art. 6 Abs. 1 lit. a
            DSGVO (Einwilligung) für optionale Funktionen wie Standortfreigabe und Analytics.
          </p>
        </section>

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Datenweitergabe</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            Deine Daten werden nicht an Dritte verkauft oder zu Werbezwecken weitergegeben.
            Öffentliche Inhalte (Forum, Wiki, Giftköder-Karte) sind für alle Nutzer sichtbar.
            Profile sind standardmäßig nur für registrierte Nutzer sichtbar.
          </p>
        </section>

        ${gaSection}

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Deine Rechte (DSGVO)</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            Du hast das Recht auf <strong>Auskunft</strong> (Art. 15), <strong>Berichtigung</strong>
            (Art. 16), <strong>Löschung</strong> (Art. 17), <strong>Einschränkung der Verarbeitung</strong>
            (Art. 18) sowie <strong>Datenportabilität</strong> (Art. 20). Zur Ausübung deiner Rechte
            wende dich per E-Mail an
            <a href="mailto:mail@motocamp.de" style="color:var(--c-primary)">mail@motocamp.de</a>.
            Du hast außerdem das Recht, bei der zuständigen Aufsichtsbehörde Beschwerde einzulegen.
          </p>
        </section>

        <section style="margin-bottom:var(--space-6)">
          <h2 style="font-size:var(--text-base);font-weight:var(--weight-semibold);
                     color:var(--c-text);margin:0 0 var(--space-2)">Speicherdauer</h2>
          <p style="font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.7;margin:0">
            Deine Daten werden gelöscht, sobald du deinen Account löschst. Server-Logs
            werden nach 30 Tagen automatisch gelöscht.
          </p>
        </section>

        <p style="font-size:var(--text-xs);color:var(--c-text-muted);margin:0">
          Stand: April 2026
        </p>

      </div>
    `;

    container.querySelector('#ga-optout-btn')?.addEventListener('click', () => {
      localStorage.setItem('gaOptOut', 'yes');
      UI.toast.success('Analytics deaktiviert. Wirksam nach nächstem App-Neustart.');
      init(container);
    });
    container.querySelector('#ga-optin-btn')?.addEventListener('click', () => {
      localStorage.removeItem('gaOptOut');
      UI.toast.success('Analytics wieder aktiviert. Wirksam nach nächstem App-Neustart.');
      init(container);
    });
  }

  function refresh() {}

  return { init, refresh };
})();