diff --git a/src/routes/private/scanner/TicketDisplay.svelte b/src/routes/private/scanner/TicketDisplay.svelte index 053b66b..9f0446a 100644 --- a/src/routes/private/scanner/TicketDisplay.svelte +++ b/src/routes/private/scanner/TicketDisplay.svelte @@ -15,65 +15,73 @@ } -
- {#if scan_state === ScanState.scanning} -
-
-

Waiting for QR code...

-
- {:else if scan_state === ScanState.scan_failed} -
-
- - - -

Invalid Code

+
+
+ {#if scan_state === ScanState.scanning} +
+
+

Waiting for QR code...

-

This QR code is not a valid ticket or doesn't exist in our system.

-
- {:else if scan_state === ScanState.wrong_event} -
-
- - - -

Wrong Event

+ {:else if scan_state === ScanState.scan_failed} +
+
+ + + +

Invalid Code

+
+

This QR code is not a valid ticket or doesn't exist in our system.

+
+ + + +
-

This ticket belongs to a different event:

-
-

{ticket_data.event.name}

-

{ticket_data.name} {ticket_data.surname}

+ {:else if scan_state === ScanState.wrong_event} +
+
+ + + +

Wrong Event

+
+

This ticket belongs to a different event:

+
+

{ticket_data.event?.name || ''}

+

{ticket_data.name || ''} {ticket_data.surname || ''}

+
-
- {:else if scan_state === ScanState.already_scanned} -
-
- - - -

Already Scanned

+ {:else if scan_state === ScanState.already_scanned} +
+
+ + + +

Already Scanned

+
+

+ This ticket was already scanned by:
{ticket_data.scanned_by?.display_name || 'someone'} + {ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''} +

+
+

{ticket_data.event?.name || ''}

+

{ticket_data.name || ''} {ticket_data.surname || ''}

+
-

- This ticket was already scanned by {ticket_data.scanned_by?.display_name || 'someone'} - {ticket_data.scanned_at ? `on ${formatScannedAt(ticket_data.scanned_at)}` : ''} -

-
-

{ticket_data.event.name}

-

{ticket_data.name} {ticket_data.surname}

+ {:else if scan_state === ScanState.scan_successful} +
+
+ + + +

Valid Ticket

+
+

Ticket successfully validated.

+
+

{ticket_data.event?.name || ''}

+

{ticket_data.name || ''} {ticket_data.surname || ''}

+
-
- {:else if scan_state === ScanState.scan_successful} -
-
- - - -

Valid Ticket

-
-
-

{ticket_data.event.name}

-

{ticket_data.name} {ticket_data.surname}

-
-
- {/if} + {/if} +