From ed9f0d058cd7df0961b6deb6888953c017146392 Mon Sep 17 00:00:00 2001 From: orfelorfel23 Date: Sun, 5 Jul 2026 10:51:13 +0200 Subject: [PATCH] Auto-Commit: 2026-07-05 10:51:13 --- app.js | 233 ++++++++++++++++++++++++++++--------------- datenschutz.html | 1 - faq.html | 81 ++++++++++++++- features.html | 1 - feedback.html | 3 +- feedback_backend.php | 176 ++++++++++++++++++++++++++++++++ impressum.html | 1 - index.html | 1 - upload.html | 1 - 9 files changed, 410 insertions(+), 88 deletions(-) create mode 100644 feedback_backend.php diff --git a/app.js b/app.js index 8d47a85..3823e48 100644 --- a/app.js +++ b/app.js @@ -93,55 +93,32 @@ document.addEventListener('DOMContentLoaded', () => { const feedbackList = document.getElementById('feedback-list'); const filterButtons = document.querySelectorAll('.filter-btn'); - // Default Seed Data - const defaultFeedback = [ - { - id: 'fb-1', - author: 'Markus T.', - type: 'feature', - title: 'QR-Code Download für Gäste', - text: 'Es wäre super cool, wenn nach der Aufnahme ein QR-Code angezeigt wird, über den sich die Gäste das Foto direkt auf das Handy laden können.', - upvotes: 42, - voted: false - }, - { - id: 'fb-2', - author: 'Sabrina', - type: 'love', - title: 'Sticker-Editor ist genial!', - text: 'Unsere Hochzeitsgäste haben stundenlang Emojis und Eventtexte verschoben. Die Bedienung ist wirklich super intuitiv und einfach.', - upvotes: 28, - voted: false - }, - { - id: 'fb-3', - author: 'EventTech GmbH', - type: 'bug', - title: 'Drucker-Timeout bei schlechtem WLAN', - text: 'Manchmal meldet die App einen Fehler, wenn der Drucker im lokalen Netzwerk kurz die Verbindung verliert. Ein automatischer Retry wäre hilfreich.', - upvotes: 15, - voted: false - } - ]; - - // Load from LocalStorage or seed defaults - let feedbackData = JSON.parse(localStorage.getItem('schnappix_feedback')); - if (!feedbackData) { - feedbackData = defaultFeedback; - localStorage.setItem('schnappix_feedback', JSON.stringify(feedbackData)); - } + let feedbackData = []; // Upvote storage track (local to session/device) let upvotedIds = JSON.parse(localStorage.getItem('schnappix_upvoted_ids')) || []; - const saveToLocalStorage = () => { - localStorage.setItem('schnappix_feedback', JSON.stringify(feedbackData)); + const saveUpvotesToLocal = () => { localStorage.setItem('schnappix_upvoted_ids', JSON.stringify(upvotedIds)); }; // Admin State let isAdmin = sessionStorage.getItem('schnappix_is_admin') === 'true'; + const loadFeedback = async () => { + if (!feedbackList) return; + try { + const response = await fetch('feedback_backend.php?action=get'); + const result = await response.json(); + if (result.success) { + feedbackData = result.data; + renderFeedback(getActiveFilter()); + } + } catch (error) { + console.error('Error loading feedback:', error); + } + }; + const renderFeedback = (filter = 'all') => { if (!feedbackList) return; feedbackList.innerHTML = ''; @@ -166,20 +143,37 @@ document.addEventListener('DOMContentLoaded', () => { categoryLabel = 'Lob'; } - // Show delete button if user is admin - const deleteBtnHtml = isAdmin - ? `` - : ''; + // Show admin actions if user is admin + let adminActionsHtml = ''; + if (isAdmin) { + adminActionsHtml = ` +
+ + +
+ `; + } + + let answerHtml = ''; + if (item.answer) { + answerHtml = ` +
+
Offizielle Antwort
+

${escapeHtml(item.answer)}

+
+ `; + } card.innerHTML = `
${badgeIcon} ${categoryLabel} von ${escapeHtml(item.author)} - ${deleteBtnHtml}
+ ${adminActionsHtml}

${escapeHtml(item.title)}

${escapeHtml(item.text)}

+ ${answerHtml}
+ +
+ +
+

Nein, für das Aufnehmen von Fotos, die Speicherung auf dem Gerät und den lokalen Druck (z.B. über ein lokales WLAN) wird keine aktive Internetverbindung benötigt.

+
+
+ +
+ +
+

Schnappix benötigt mindestens Android 10 (API Level 29), um die volle Unterstützung für die moderne CameraX-API und das aktuelle Dateisystem (Scoped Storage) zu gewährleisten.

+
+
+ +
+ +
+

Ja, Schnappix unterstützt neben der eingebauten Tablet-Frontkamera auch externe USB-Kameras (UVC). Schließe einfach eine USB-Webcam an dein Tablet an, um für eine noch bessere Bildqualität zu sorgen.

+
+
+ +
+ +
+

Schnappix bietet einen integrierten Editor, mit dem die Gäste ihre Collagen vor dem Speichern oder Drucken verzieren können. Emojis, Datumsanzeigen und der Eventname können dabei wie auf Social Media frei auf dem Bildschirm verschoben, gedreht und skaliert werden.

+
+
+ +
+ +
+

Die App ist für Serienbilder ausgelegt und nimmt automatisch 1 bis 5 Fotos hintereinander auf. Aus dieser Serie wird im Anschluss direkt eine fertige Collage zum Drucken oder Speichern generiert.

+
+
+ +
+ +
+

Da Schnappix für den sicheren Betrieb auf Events entwickelt wurde, sperrt der Kiosk-Modus das Tablet zuverlässig ab. Gäste können die App nicht beenden. Das Verlassen ist nur durch die Eingabe deines sicheren Passworts im versteckten Admin-Bereich möglich.

+
+
+ +
+ +
+

Ja, alle aufgenommenen Originalfotos und die fertigen Collagen werden automatisch und lokal in der Standard-Galerie-App deines Tablets (unter dem jeweiligen Event-Namen) abgespeichert und können jederzeit eingesehen oder exportiert werden.

+
+
+ +
+ +
+

Die Benutzeroberfläche von Schnappix ist primär für die Nutzung auf Tablets optimiert. Tablets bieten den Gästen auf Events einen größeren Bildschirm als Vorschau-Spiegel und eine angenehmere Bedienung für den Sticker-Editor.

+
+
diff --git a/features.html b/features.html index dad9a18..7ee6355 100644 --- a/features.html +++ b/features.html @@ -26,7 +26,6 @@ FAQ Feedback Hub Admin - Impressum

Admin Panel

-

Sie sind als Administrator angemeldet. Sie können nun Einträge im Feedback Hub löschen.

+

Sie sind als Administrator angemeldet. Sie können nun Einträge im Feedback Hub beantworten oder löschen.

diff --git a/feedback_backend.php b/feedback_backend.php new file mode 100644 index 0000000..665a0d9 --- /dev/null +++ b/feedback_backend.php @@ -0,0 +1,176 @@ + 'fb-1', + 'author' => 'Markus T.', + 'type' => 'feature', + 'title' => 'QR-Code Download für Gäste', + 'text' => 'Es wäre super cool, wenn nach der Aufnahme ein QR-Code angezeigt wird, über den sich die Gäste das Foto direkt auf das Handy laden können.', + 'upvotes' => 42, + 'answer' => null + ], + [ + 'id' => 'fb-2', + 'author' => 'Sabrina', + 'type' => 'love', + 'title' => 'Sticker-Editor ist genial!', + 'text' => 'Unsere Hochzeitsgäste haben stundenlang Emojis und Eventtexte verschoben. Die Bedienung ist wirklich super intuitiv und einfach.', + 'upvotes' => 28, + 'answer' => 'Vielen Dank für das tolle Feedback! Freut uns, dass es euch gefallen hat.' + ], + [ + 'id' => 'fb-3', + 'author' => 'EventTech GmbH', + 'type' => 'bug', + 'title' => 'Drucker-Timeout bei schlechtem WLAN', + 'text' => 'Manchmal meldet die App einen Fehler, wenn der Drucker im lokalen Netzwerk kurz die Verbindung verliert. Ein automatischer Retry wäre hilfreich.', + 'upvotes' => 15, + 'answer' => null + ] +]; + +// Initialize JSON file if it doesn't exist +if (!file_exists($dataFile)) { + file_put_contents($dataFile, json_encode($defaultFeedback, JSON_PRETTY_PRINT)); +} + +// Read data +$feedbackData = json_decode(file_get_contents($dataFile), true); +if (!$feedbackData) { + $feedbackData = []; +} + +$action = isset($_GET['action']) ? $_GET['action'] : ''; +if ($_SERVER['REQUEST_METHOD'] === 'POST') { + // For POST requests, we might get the action from the body or query param + $inputJSON = file_get_contents('php://input'); + $input = json_decode($inputJSON, true); + $action = isset($input['action']) ? $input['action'] : $action; +} + +switch ($_SERVER['REQUEST_METHOD']) { + case 'GET': + // Return all feedback + echo json_encode(['success' => true, 'data' => $feedbackData]); + break; + + case 'POST': + if (!$input) { + http_response_code(400); + echo json_encode(['error' => 'Invalid JSON']); + exit; + } + + if ($action === 'add') { + $newFb = [ + 'id' => 'fb-' . time() . rand(100, 999), + 'author' => htmlspecialchars($input['author'] ?? 'Anonym'), + 'type' => htmlspecialchars($input['type'] ?? 'feature'), + 'title' => htmlspecialchars($input['title'] ?? 'Kein Titel'), + 'text' => htmlspecialchars($input['text'] ?? ''), + 'upvotes' => 1, + 'answer' => null + ]; + + array_push($feedbackData, $newFb); + file_put_contents($dataFile, json_encode($feedbackData, JSON_PRETTY_PRINT)); + + echo json_encode(['success' => true, 'data' => $newFb]); + } + elseif ($action === 'upvote') { + $id = $input['id'] ?? ''; + $undo = isset($input['undo']) && $input['undo'] === true; + $found = false; + + foreach ($feedbackData as &$item) { + if ($item['id'] === $id) { + if ($undo) { + $item['upvotes'] = max(0, $item['upvotes'] - 1); + } else { + $item['upvotes']++; + } + $found = true; + break; + } + } + + if ($found) { + file_put_contents($dataFile, json_encode($feedbackData, JSON_PRETTY_PRINT)); + echo json_encode(['success' => true]); + } else { + http_response_code(404); + echo json_encode(['error' => 'Feedback not found']); + } + } + elseif ($action === 'delete') { + $id = $input['id'] ?? ''; + $secret = $input['secret'] ?? ''; + + // Simple authentication via secret "1234" (as defined in frontend) + if ($secret !== '1234') { + http_response_code(401); + echo json_encode(['error' => 'Unauthorized']); + exit; + } + + $filteredData = array_filter($feedbackData, function($item) use ($id) { + return $item['id'] !== $id; + }); + + // Re-index array + $feedbackData = array_values($filteredData); + file_put_contents($dataFile, json_encode($feedbackData, JSON_PRETTY_PRINT)); + echo json_encode(['success' => true]); + } + elseif ($action === 'answer') { + $id = $input['id'] ?? ''; + $answer = $input['answer'] ?? ''; + $secret = $input['secret'] ?? ''; + + if ($secret !== '1234') { + http_response_code(401); + echo json_encode(['error' => 'Unauthorized']); + exit; + } + + $found = false; + foreach ($feedbackData as &$item) { + if ($item['id'] === $id) { + // Save htmlspecialchars to avoid XSS but allow simple answers + $item['answer'] = $answer === '' ? null : htmlspecialchars($answer); + $found = true; + break; + } + } + + if ($found) { + file_put_contents($dataFile, json_encode($feedbackData, JSON_PRETTY_PRINT)); + echo json_encode(['success' => true]); + } else { + http_response_code(404); + echo json_encode(['error' => 'Feedback not found']); + } + } + else { + http_response_code(400); + echo json_encode(['error' => 'Unknown action']); + } + break; + + default: + http_response_code(405); + echo json_encode(['error' => 'Method not allowed']); + break; +} diff --git a/impressum.html b/impressum.html index b59af80..966327f 100644 --- a/impressum.html +++ b/impressum.html @@ -25,7 +25,6 @@ FAQ Feedback Hub Admin - Impressum