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

feat: add 'Medewerkers' link to navigation and update redirect path in employee login

Browse Source
This commit is contained in:
vista-man
2025-04-03 14:08:38 +02:00
parent a42c4493f1
commit bad807013e
4 changed files with 6 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
contact.html
View File

@@ -36,6 +36,11 @@
Over Ons Over Ons
</a> </a>
</li> </li>
<li class="nav-item">
<a class="nav-link active" href="employee-login.html">
Medewerkers
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

2
employee-login.html
View File

@@ -72,7 +72,7 @@
if (username === 'admin' && password === 'password') { if (username === 'admin' && password === 'password') {
alert('Succesvol ingelogd!'); alert('Succesvol ingelogd!');
window.location.href = 'qr-scanner.php'; window.location.href = 'qr/qr.html';
} else { } else {
alert('Ongeldige inloggegevens.'); alert('Ongeldige inloggegevens.');
} }

5
index.html
View File

@@ -37,11 +37,6 @@
Over Ons Over Ons
</a> </a>
</li> </li>
<li class="nav-item">
<a class="nav-link active" href="employee-login.html">
Medewerkers
</a>
</li>
</ul> </ul>
</div> </div>
</div> </div>

63
qr-scanner.php
View File

@@ -1,63 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QR Scanner</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://unpkg.com/html5-qrcode/minified/html5-qrcode.min.js"></script>
</head>
<body>
<div class="container mt-5">
<h1 class="text-center">QR Code Scanner</h1>
<div id="qr-reader" class="mt-4"></div>
<div id="qr-reader-results" class="mt-3 text-center"></div>
<a href="logout.php" class="btn btn-danger mt-4">Logout</a>
</div>
<script>
const qrReaderResults = document.getElementById('qr-reader-results');
function onScanSuccess(decodedText, decodedResult) {
// Display the scanned QR code content
qrReaderResults.innerHTML = `<p class="text-success">Scanned Content: ${decodedText}</p>`;
// Send the scanned ticket ID to the server for validation
fetch('validate_ticket.php', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ ticket_id: decodedText })
})
.then(response => response.json())
.then(data => {
if (data.valid) {
qrReaderResults.innerHTML += `<p class="text-success">Ticket is valid!</p>`;
} else {
qrReaderResults.innerHTML += `<p class="text-danger">Invalid or already scanned ticket.</p>`;
}
})
.catch(error => {
qrReaderResults.innerHTML += `<p class="text-danger">Error validating ticket.</p>`;
});
}
function onScanError(errorMessage) {
console.warn(`QR Code scan error: ${errorMessage}`);
}
// Initialize the QR Code scanner
const html5QrCode = new Html5Qrcode("qr-reader");
html5QrCode.start(
{ facingMode: "environment" }, // Use the back camera
{
fps: 10, // Frames per second
qrbox: 250 // QR code scanning box size
},
onScanSuccess,
onScanError
).catch(err => {
qrReaderResults.innerHTML = `<p class="text-danger">Unable to start QR scanner: ${err}</p>`;
});
</script>
</body>
</html>