Add optional screenshots to bug reports

app/templates/bug_report.html

@@ -22,7 +22,7 @@
     {% else %}
         <p>{{ _('Deine Meldung geht direkt an unser internes Ticketsystem. Sie ist für das Projektteam sichtbar.') }}</p>
         {% if error %}<p class="bug-error" role="alert">{{ error }}</p>{% endif %}
-        <form method="post" action="/bug-report" class="bug-report-form">
+        <form method="post" action="/bug-report" class="bug-report-form" enctype="multipart/form-data">
             <input type="hidden" name="submission_id" value="{{ submission_id }}">
             <label for="bug-title">{{ _('Titel') }} <small>{{ _('(Pflichtfeld)') }}</small></label>
             <input id="bug-title" name="title" required minlength="3" maxlength="160" value="{{ form.title }}">
@@ -32,6 +32,9 @@
             <textarea id="bug-expected" name="expected" required minlength="3" maxlength="3000" rows="3">{{ form.expected }}</textarea>
             <label for="bug-steps">{{ _('Schritte zum Reproduzieren') }} <small>(optional)</small></label>
             <textarea id="bug-steps" name="steps" maxlength="3000" rows="3">{{ form.steps }}</textarea>
+            <label for="bug-screenshot">{{ _('Screenshot anhängen (optional)') }}</label>
+            <input id="bug-screenshot" name="screenshot" type="file" accept=".jpg,.jpeg,.png,.webp,image/jpeg,image/png,image/webp">
+            <p class="bug-help">{{ _('JPG, PNG oder WebP, maximal 4 MB. Das Bild wird geprüft, neu kodiert und ohne Metadaten an das Gitea-Issue angehängt.') }}</p>
             <div class="bug-report-options">
                 <label for="bug-category">{{ _('Kategorie') }}
                     <select id="bug-category" name="category">{% for value, label in categories.items() %}<option value="{{ value }}"{% if form.category == value %} selected{% endif %}>{{ label | t }}</option>{% endfor %}</select>
@@ -47,6 +50,7 @@
             <input type="hidden" name="platform" id="bug-platform" value="Web">
             <input type="hidden" name="app_version" id="bug-app-version" value="">
             <p class="bug-help">{{ _('Bitte keine Passwörter, Zugangstoken oder privaten Schlüssel eintragen.') }}</p>
+            <p class="bug-help">{{ _('Bitte verdecke vor dem Senden Passwörter, Zugangstoken und private Informationen im Screenshot.') }}</p>
             <button type="submit" class="button"{% if blocked %} disabled{% endif %}>{{ _('Bugreport senden') }}</button>
         </form>
     {% endif %}

app/templates/datenschutz.html

@@ -20,7 +20,7 @@
         <p>{{ _('Es werden keine Werbe- oder Trackingdienste eingesetzt. Bei der Veranstaltungsortsuche können Suchanfragen an einen externen Geocoding-Dienst übermittelt werden. Externe Flyer- und Instagram-Links werden beim Aufruf direkt von deinem Browser geladen; dafür gelten die Datenschutzbestimmungen des jeweiligen Anbieters.') }}</p>
         <p>{{ _('Für Android-Benachrichtigungen speichern wir die Gerätekennung, den FCM-Registrierungstoken, die App-Version und die Zuordnung zur aktuellen Anmeldung. Beim Abmelden wird die Zuordnung gelöscht. Firebase verarbeitet die für die Push-Zustellung erforderlichen Gerätedaten.') }}</p>
         <p>{{ _('Für automatische Pushs speichern wir deine Sprache, gewählte Kategorien und Versandmetadaten. Push-Texte enthalten keine privaten Nachrichteninhalte. Der aktive Versanddienst löscht Versandmetadaten nach sieben Tagen; beim Abmelden werden die zur Sitzung gehörenden Aufträge entfernt.') }}</p>
-        <p>{{ _('Bugmeldungen werden mit Benutzername und User-ID an unser internes Gitea-Ticketsystem übertragen. Technische Zusatzinformationen werden nur auf Wunsch mitgesendet. Lokale Versandkennungen zur Vermeidung doppelter Meldungen laufen nach 24 Stunden ab.') }}</p>
+        <p>{{ _('Bugmeldungen werden mit Benutzername und User-ID an unser internes Gitea-Ticketsystem übertragen. Technische Zusatzinformationen werden nur auf Wunsch mitgesendet. Lokale Versandkennungen zur Vermeidung doppelter Meldungen laufen nach 24 Stunden ab. Wenn du optional einen Screenshot anhängst, wird das neu kodierte Bild zusammen mit dem Issue im internen Gitea-Ticketsystem gespeichert.') }}</p>
         <h2>{{ _('Deine Rechte') }}</h2>
         <p>{{ _('Du kannst Auskunft, Berichtigung, Löschung, Einschränkung der Verarbeitung und – soweit anwendbar – Datenübertragbarkeit verlangen. Einen Export deiner gespeicherten Anwendungsdaten findest du klein am Ende des eigenen Profilbereichs. Anfragen bitte an') }} <a href="mailto:konzert@pinguholic.de">konzert@pinguholic.de</a>.</p>
         <h2>{{ _('Cookies und Sicherheit') }}</h2>