alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 03:06:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

Implement QR code ticket scanning and details retrieval: add fetch request to get_ticket_details.php and display ticket information

Browse Source
This commit is contained in:
vista-man
2025-04-10 21:27:08 +02:00
parent 4f9d6d4428
commit 5ac1aa0093
2 changed files with 67 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
php/get_ticket_details.php Normal file
View File

@@ -0,0 +1,42 @@
<?php
header('Content-Type: application/json');
// Database connection
$servername = "localhost";
$username = "database12"; // Updated username
$password = "181t$1lJg"; // Updated password
$dbname = "spik_en_span";
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
echo json_encode(['success' => false, 'message' => 'Databaseverbinding mislukt.']);
exit();
}
// Retrieve ticket_id from the query string
$ticket_id = isset($_GET['ticket_id']) ? trim($_GET['ticket_id']) : '';
if (empty($ticket_id)) {
echo json_encode(['success' => false, 'message' => 'Geen ticket ID opgegeven.']);
exit();
}
// Query the database for ticket details
$sql = "SELECT ticket_id, category, day FROM tickets WHERE ticket_id = ?";
$stmt = $conn->prepare($sql);
$stmt->bind_param("s", $ticket_id);
$stmt->execute();
$result = $stmt->get_result();
if ($result->num_rows > 0) {
$ticket = $result->fetch_assoc();
echo json_encode(['success' => true, 'ticket_id' => $ticket['ticket_id'], 'category' => $ticket['category'], 'day' => $ticket['day']]);
} else {
echo json_encode(['success' => false, 'message' => 'Ticket niet gevonden.']);
}
$stmt->close();
$conn->close();
?>

30
qr/qrCodeScanner.js
View File

@@ -25,11 +25,31 @@ btnScanQR.addEventListener('click', () => {
try {
const qrCodeData = qrcode.decode();
outputData.innerText = qrCodeData;
qrResult.hidden = false;
qrCanvas.hidden = true;
video.hidden = true; // Hide the video element after scanning
stream.getTracks().forEach(track => track.stop());
fetch(`../php/get_ticket_details.php?ticket_id=${encodeURIComponent(qrCodeData)}`)
.then(response => response.json())
.then(data => {
if (data.success) {
outputData.innerHTML = `
<p><strong>Ticket ID:</strong> ${data.ticket_id}</p>
<p><strong>Dag:</strong> ${data.day === 'friday' ? 'Vrijdag' : 'Zaterdag'}</p>
<p><strong>Categorie:</strong> ${data.category === 'volwassen' ? 'Volwassene' : 'Kind'}</p>
`;
} else {
outputData.innerHTML = `<p style="color: red;">${data.message}</p>`;
}
qrResult.hidden = false;
qrCanvas.hidden = true;
video.hidden = true; // Hide the video element after scanning
stream.getTracks().forEach(track => track.stop());
})
.catch(err => {
console.error('Error fetching ticket details:', err);
outputData.innerHTML = `<p style="color: red;">Fout bij het ophalen van ticketgegevens.</p>`;
qrResult.hidden = false;
qrCanvas.hidden = true;
video.hidden = true;
stream.getTracks().forEach(track => track.stop());
});
} catch (e) {
requestAnimationFrame(scan);
}