erman/scan-wave
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Looking much better
All checks were successful
Build Docker image / build (pull_request) Successful in 1m47s
Details

Browse Source
This commit is contained in:
Roman Krček
2025-06-21 23:34:49 +02:00
parent 4468d03103
commit 8cc59b89da
7 changed files with 137 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/routes/private/+layout.svelte
View File

@@ -2,12 +2,12 @@
// Add any navbar logic here if needed
</script>
<nav class="bg-gray-800 text-white p-4 flex items-center justify-between">
<div class="font-bold text-lg">ESN Scanner</div>
<ul class="flex space-x-4">
<li><a href="/private/home" class="hover:underline">Home</a></li>
<li><a href="/private/scanner" class="hover:underline">Scanner</a></li>
</ul>
<nav class="bg-white border-b border-gray-300 text-gray-900 p-4 flex items-center justify-between">
<div class="font-bold text-lg">ESN Scanner</div>
<ul class="flex space-x-4">
<li><a href="/private/home" class="hover:underline">Home</a></li>
<li><a href="/private/scanner" class="hover:underline">Scanner</a></li>
</ul>
</nav>
<div class="container p-2 bg-white ">

9
src/routes/private/scanner/QRScanner.svelte
View File

@@ -39,7 +39,7 @@
});
</script>
<div id="qr-scanner" class="w-full h-full max-w-none bg-slate-700 overflow-hidden"></div>
<div id="qr-scanner" class="w-full h-full max-w-none overflow-hidden rounded-sm"></div>
<style>
/* Hide unwanted icons */
@@ -49,7 +49,7 @@
}
#qr-scanner {
color: white !important;
color: black !important;
}
/* Change camera permission button text */
@@ -64,4 +64,9 @@
visibility: visible;
padding: 10px 0;
}
#qr-scanner :global(#qr-scanner__scan_region) {
min-height: auto !important;
aspect-ratio: 1 !important;
}
</style>

19
src/routes/private/scanner/TicketDisplay.svelte
View File

@@ -25,13 +25,18 @@
</div>
{:else if scan_state === ScanState.scan_successful}
{#if ticket_data.scanned}
<div class="rounded border-l-4 border-red-500 bg-red-100 p-4 text-red-700">
<p>Ticket already scanned!</p>
<p>
By {ticket_data.scanned_by?.display_name} on
{formatScannedAt(ticket_data.scanned_at)}
</p>
</div>
<div class="rounded border-l-4 border-red-500 bg-red-100 p-4 text-red-700">
<p>Ticket already scanned!</p>
<p>
By {ticket_data.scanned_by?.display_name} on
{formatScannedAt(ticket_data.scanned_at)}
</p>
<hr class="my-2 border-t border-red-300" />
<ol>
<li>{ticket_data.event.name}</li>
<li>{ticket_data.name} {ticket_data.surname}</li>
</ol>
</div>
{:else}
<div class="rounded border-l-4 border-green-500 bg-green-100 p-4 text-green-700">
<ol>