- {#if loading}
- {#each Array(4) as _}
-
- {/each}
- {:else}
- {#each events as event}
-
- {/each}
- {#each archived_events as event}
-
- {/each}
- {/if}
+ {#if loading}
+
+ {#each Array(4) as _}
+
+ {/each}
+ {:else if error}
+
+
{error}
+
+ Try Again
+
+
+ {:else if displayEvents.length === 0}
+
+
No events found. Create your first event!
+
+ {:else}
+ {#each displayEvents as event}
+
+ {/each}
+ {/if}
diff --git a/src/routes/private/events/archived/+page.svelte b/src/routes/private/events/archived/+page.svelte
deleted file mode 100644
index 2df8b53..0000000
--- a/src/routes/private/events/archived/+page.svelte
+++ /dev/null
@@ -1,77 +0,0 @@
-
-
-Archived Event Overview
-
-
-
- {#if loading}
-
-
- {:else}
-
{event_data?.name}
-
{event_data?.date}
- {/if}
-
-
-
-
-
- {#if loading}
-
- {:else}
-
Total participants ({event_data?.total_participants})
- {/if}
-
-
-
-
-
- {#if loading}
-
- {:else}
-
Scanned participants ({event_data?.scanned_participants})
- {/if}
-
-
-
- Adding Participants to "{event.name}"
-
-
-{/if}
-
-{#if step == 0}
-
-
-
-
-
- Previous
-
-
- Step {step + 1} of {steps.length}
-
-
- Next
-
-
-
-
Test Email Sender
- {#if !authorized}
-
-
Google not connected.
-
- Connect Google
-
-
-
- {/if}
- {#if error}
-
{error}
- {/if}
- {#if success}
-
{success}
- {/if}
-
-
- {all_data.isAddingParticipants ? 'Using existing event' : 'Creating event'}
-
- {#if event_status === StepStatus.Waiting}
- Waiting...
- {:else if event_status === StepStatus.Loading}
- Creating event...
- {:else if event_status === StepStatus.Success}
-
- {all_data.isAddingParticipants ? 'Using existing event.' : 'Event created successfully.'}
-
- {:else if event_status === StepStatus.Failure}
- Failed to create event.
- {/if}
-
-
-
-
-
Creating QR codes for participants
- {#if participants_status === StepStatus.Waiting}
- Waiting...
- {:else if participants_status === StepStatus.Loading}
- Creating entries...
- {:else if participants_status === StepStatus.Success}
- QR codes created successfully.
- {:else if participants_status === StepStatus.Failure}
- Failed to create QR codes.
- {/if}
-
-
-
-
-
Sending emails
-
After pressing send, you must not exit this window until the mail are all sent!
- {#if email_status === StepStatus.Waiting}
-
- Waiting...
-
- Send all emails
-
-
- {:else}
-
- {#each createdParticipants as p, i}
-
- {#if mailStatuses[i]?.status === 'success'}
-
-
- {:else if mailStatuses[i]?.status === 'failure'}
-
-
- {:else}
-
-
- {/if}
- {p.name} {p.surname}
- {p.email}
-
- {/each}
-
- {#if email_status === StepStatus.Loading}
-
Sending emails...
- {:else if email_status === StepStatus.Success}
-
Emails sent successfully.
- {:else if email_status === StepStatus.Failure}
-
Failed to send emails.
- {/if}
- {/if}
-
- {#if loading}
-
-
-
-
Checking Google connection...
-
- {:else}
- {#if !authorized}
-
- You haven’t connected your Google account yet.
-
- Connect Google
-
-
- {:else}
-
-
-
-
Your connection to Google is good, proceed to next step
-
- {/if}
- {/if}
-
- Edit email
-
-
-
Email Preview
-
- {email.subject}
-
-
- {email.body}
-
-
- Edit the event
-
- {/if}
-
-
Event Preview
- {#if Object.keys(event).length > 0}
-
- {event.name} {event.date}
-
- {:else}
-
No event created yet...
- {/if}
-
-
Event Overview
-
- Name: {event.name}Date: {event.date}
-
-
Email Preview
-
Subject: {email.subject}
-
-
-
Participants ({participants.length})
-
- {#each participants.slice(0, 10) as p}
-
- {p.name} {p.surname}
- {p.email}
-
- {/each}
-
-
Note: Only the first 10 participants are shown.
-
- {isAddingParticipants ? 'Add participants and send emails' : 'Generate QR codes and send'}
-
-
-
- {#if !stepConditions[0]}
-
Please provide an event name before proceeding.
- {/if}
- {#if !stepConditions[1]}
-
Please add at least one participant before proceeding.
- {/if}
- {#if !stepConditions[2]}
-
Please provide an email subject before proceeding.
- {/if}
- {#if !stepConditions[3]}
-
Please provide an email body before proceeding.
- {/if}
-
-
- {#each errors as err}
- {err}
- {/each}
-
-
- Edit participants
-
-{/if}
-
-{#if !showForm}
-
-
-
Participants ({participants.length})
- {#if participants.length > 0}
- {#if participants.some((p) => !p.email_valid)}
- Some emails appear invalid
- {:else}
- All emails appear valid
- {/if}
- {/if}
-
-
-
- {#each participants as p}
-
- {#if p.email_valid}
-
-
- {:else}
-
-
- {/if}
- {p.name} {p.surname}
- {p.email}
-
- {/each}
-
-
Event Overview
-
-
-
-
- {#if loading}
-
-
- {:else}
-
{event_data?.name}
-
{event_data?.date}
- {/if}
-
- {#if loading}
-
- {:else if event_data}
-
- Add Participants
-
- {/if}
-
-
-
-
-
- {#if loading}
-
- {:else}
-
Scanned ({scannedCount})
- {/if}
-
-
-
-
-
- {#if loading}
-
- {:else}
-
Not scanned ({notScannedCount})
- {/if}
-
-
-
- {#if loading}
-
- {:else}
- Participants ({participants.length})
- {/if}
-
-
- {#if loading}
-
-
-
- {:else}
- {#each participants as p}
-
- {#if p.scanned}
-
-
- {:else}
-
-
- {/if}
- {p.name} {p.surname}
-
-
- {new Date(p.scanned_at).toLocaleTimeString([], {
- hour: '2-digit',
- minute: '2-digit',
- hour12: false
- })}
-
- by {p.scanned_by.display_name}
-
- {/if}
-
- {/each}
- {/if}
-
-
Archived Event Overview
+
+
+
+ {#if loading}
+
+
+ {:else}
+
{event_data?.name}
+
{event_data?.date}
+ {/if}
+
+
+
+
+
+
+ {#if loading}
+
+ {:else}
+
Total participants ({event_data?.total_participants})
+ {/if}
+
+
+
+
+
+ {#if loading}
+
+ {:else}
+
Scanned participants ({event_data?.scanned_participants})
+ {/if}
+
+
+
+
+
+
+
+
+ {#if currentStep === 0}
+
{
+ authData.error = null;
+ authData.token = token;
+ authData.isConnected = true;
+ setTimeout(checkGoogleAuth, 100);
+ }}
+ onError={(error) => {
+ authData.error = error;
+ authData.isConnected = false;
+ }}
+ />
+ {:else if currentStep === 1}
+
+
+
+
+
+
+
+ Email Subject *
+
+
+ {#if errors.subject}
+
{errors.subject}
+ {/if}
+
+
+
+
+ Email Body *
+
+
+ {#if errors.body}
+
{errors.body}
+ {/if}
+
+
+
+
Event details
+
+
+ Event Name *
+
+
+ {#if errors.name}
+
{errors.name}
+ {/if}
+
+
+
+
+ Event Date *
+
+
+ {#if errors.date}
+
{errors.date}
+ {/if}
+
+
+
+
Connect Your Google Account
+
+ To create events and import participants from Google Sheets, you need to connect your Google account.
+
+
+
+
+ {#if errors.google}
+
+ {errors.google}
+
+ {/if}
+
+
+
+
Select Google Sheet
+
+ {#if sheetsData.loading && sheetsData.availableSheets.length === 0}
+
+ {#each Array(5) as _}
+
+ {/each}
+
+ {:else if sheetsData.availableSheets.length === 0}
+
+
No Google Sheets found.
+
+ Refresh
+
+
+ {:else}
+
+ {#if !sheetsData.expandedSheetList && sheetsData.selectedSheet}
+
+
+
+
{sheetsData.selectedSheet.name}
+
+ Modified: {new Date(sheetsData.selectedSheet.modifiedTime).toLocaleDateString()}
+
+
+
+ Change
+
+
+
+
+ {:else}
+
+
+
Google Sheets
+ {#if sheetsData.selectedSheet}
+
+ Collapse list
+
+ {/if}
+
+
+
+
+
+
+ {#if searchQuery}
+
+
+
+
+ {/if}
+
+
+ {#if isSearching}
+
+
+ {#each Array(3) as _}
+
+ {/each}
+
+ {:else if searchQuery && searchResults.length === 0 && !searchError}
+
+
+
No sheets found matching "{searchQuery}"
+
+ {:else if searchError}
+
+
+
{searchError}
+
+ Retry
+
+
+ {:else if searchQuery && searchResults.length > 0}
+
+
+ {#each searchResults as sheet}
+
selectSheet(sheet)}
+ class="p-4 text-left border border-gray-200 rounded hover:border-blue-500 transition {
+ sheetsData.selectedSheet?.id === sheet.id ? 'border-blue-500 bg-blue-50' : ''
+ }"
+ >
+
+ {#if searchQuery}
+ {#each sheet.name.split(new RegExp(`(${searchQuery})`, 'i')) as part}
+ {#if part.toLowerCase() === searchQuery.toLowerCase()}
+ {part}
+ {:else}
+ {part}
+ {/if}
+ {/each}
+ {:else}
+ {sheet.name}
+ {/if}
+
+
+ Modified: {new Date(sheet.modifiedTime).toLocaleDateString('en-GB', {day: '2-digit', month: '2-digit', year: 'numeric'})}
+
+
+ {/each}
+
+ {:else}
+
+
+ {#each sheetsData.availableSheets as sheet}
+
selectSheet(sheet)}
+ class="p-4 text-left border border-gray-200 rounded hover:border-blue-500 transition {
+ sheetsData.selectedSheet?.id === sheet.id ? 'border-blue-500 bg-blue-50' : ''
+ }"
+ >
+ {sheet.name}
+
+ Modified: {new Date(sheet.modifiedTime).toLocaleDateString('en-GB', {day: '2-digit', month: '2-digit', year: 'numeric'})}
+
+
+ {/each}
+
+ {#if sheetsData.availableSheets.length === 0 && !sheetsData.loading}
+
+
No recent sheets found. Try searching above.
+
+ {/if}
+ {/if}
+ {/if}
+
+ {/if}
+
+ {#if errors.sheet}
+
{errors.sheet}
+ {/if}
+
+
+ {#if sheetsData.selectedSheet && sheetsData.sheetData.length > 0}
+
+
Column Mapping
+
+
+
+
Column Mapping Instructions:
+
+ Select what each column represents by using the dropdown in each column header.
+ Make sure to assign Name, Surname, Email, and Confirmation columns.
+
+
+
+
+
+
+
+ {#each sheetsData.sheetData[0] || [] as header, index}
+
+
+
+ {header || `Empty Column ${index + 1}`}
+
+
e.stopPropagation()}
+ onchange={(e) => {
+ const value = (e.target as HTMLSelectElement).value;
+ if (value === "none") return;
+
+ // Reset previous selection if this column was already mapped
+ if (sheetsData.columnMapping.name === index + 1) sheetsData.columnMapping.name = 0;
+ if (sheetsData.columnMapping.surname === index + 1) sheetsData.columnMapping.surname = 0;
+ if (sheetsData.columnMapping.email === index + 1) sheetsData.columnMapping.email = 0;
+ if (sheetsData.columnMapping.confirmation === index + 1) sheetsData.columnMapping.confirmation = 0;
+
+ // Set new mapping
+ if (value === "name") sheetsData.columnMapping.name = index + 1;
+ else if (value === "surname") sheetsData.columnMapping.surname = index + 1;
+ else if (value === "email") sheetsData.columnMapping.email = index + 1;
+ else if (value === "confirmation") sheetsData.columnMapping.confirmation = index + 1;
+ }}
+ >
+ Select data type
+ Name
+ Surname
+ Email
+ Confirmation
+
+
+ {#if sheetsData.columnMapping.name === index + 1}
+ Name Column
+ {:else if sheetsData.columnMapping.surname === index + 1}
+ Surname Column
+ {:else if sheetsData.columnMapping.email === index + 1}
+ Email Column
+ {:else if sheetsData.columnMapping.confirmation === index + 1}
+ Confirmation Column
+ {:else}
+ Not Mapped
+ {/if}
+
+
+ {/each}
+
+
+
+ {#each sheetsData.sheetData.slice(0, 10) as row, rowIndex}
+
+ {#each row as cell, cellIndex}
+
+
+ {cell || ''}
+
+
+ {/each}
+
+ {/each}
+
+
+
+
+
Showing first 10 rows
+ {#if sheetsData.sheetData[0] && sheetsData.sheetData[0].length > 3}
+
+
+
+ Scroll horizontally to see all {sheetsData.sheetData[0].length} columns
+
+ {/if}
+
+
+ {/if}
+
+ {#if sheetsData.loading && sheetsData.selectedSheet}
+
+
Loading sheet data...
+
+ {/if}
+
+ {#if errors.sheetData}
+
{errors.sheetData}
+ {/if}
+
+
+ Previous
+
+
+
+ {#if currentStep < totalSteps - 1}
+
+ Next
+
+ {:else}
+
+ {loading ? 'Creating...' : 'Create Event'}
+
+ {/if}
+
+
+
+ {#each Array(totalSteps) as _, index}
+
+
+ {index + 1}
+
+ {#if index < totalSteps - 1}
+
+ {/if}
+
+ {/each}
+
+
+
Event Overview
+
+
+
+
+ {#if loading}
+
+
+ {:else if event}
+
+
+
{event.name}
+
+
+ Date:
+ {formatDate(event.date)}
+
+
+ Created:
+ {formatDate(event.created_at)}
+
+
+
+
+
+
Email Details
+
+
+
Subject:
+
{event.email_subject}
+
+
+
Body:
+
{event.email_body}
+
+
+
+
+ {:else if error}
+
+ {/if}
+
+
+
Google Account
+
Required for syncing participants and sending emails
+
+
{
+ // Refresh the page or update UI state as needed
+ error = '';
+ }}
+ onError={(errorMsg) => {
+ error = errorMsg;
+ }}
+ />
+
+
+
Participants
+
+ {#if syncingParticipants}
+ Syncing...
+ {:else}
+ Sync Participants
+ {/if}
+
+
+
+ {#if participantsLoading}
+
+
+ {#each Array(5) as _}
+
+ {/each}
+
+ {:else if participants.length > 0}
+
+
+
+
+ Name
+ Surname
+ Email
+ Scanned
+ Email Sent
+
+
+
+ {#each participants as participant}
+
+ {participant.name}
+ {participant.surname}
+ {participant.email}
+
+ {#if participant.scanned}
+
+ {:else}
+
+ {/if}
+
+
+ {#if participant.email_sent}
+
+ {:else}
+
+ {/if}
+
+
+ {/each}
+
+
+
+ {:else}
+
+
+ No participants found. Click "Sync Participants" to load from Google Sheets.
+
+
+ {/if}
+
+
+
Send Emails
+
+ {participants.filter(p => !p.email_sent).length} uncontacted participants
+
+
+
+ {#if sendingEmails}
+
+
+
+
+
Sending {emailProgress.total} emails... Please wait.
+
+
+ {:else}
+
+ {#if participants.filter(p => !p.email_sent).length > 0}
+
+
+
+
+
+ Warning: Do not close this window while emails are being sent. The process may take several minutes.
+
+
+
+
+
+ !p.email_sent).length === 0}
+ class="rounded bg-green-600 px-4 py-2 text-white transition hover:bg-green-700 disabled:cursor-not-allowed disabled:opacity-50"
+ >
+ Send Emails
+
+
+ {:else}
+
+
+
All participants have been contacted!
+
No pending emails to send.
+
+ {/if}
+
+ {/if}
+
+
+
Email Results
+
+ {emailResults.summary.success} successful, {emailResults.summary.errors} failed
+
+
+
+
+
+
+
+
Sent: {emailResults.summary.success}
+
+
+
+
Failed: {emailResults.summary.errors}
+
+
+
+
Total: {emailResults.summary.total}
+
+
+
+
+ {#if emailResults.results.length > 0}
+
+
+
+
+ Name
+ Email
+ Status
+
+
+
+ {#each emailResults.results as result}
+
+
+ {result.participant.name} {result.participant.surname}
+
+ {result.participant.email}
+
+ {#if result.success}
+
+ {:else}
+
+
+
+
Failed
+ {#if result.error}
+
({result.error})
+ {/if}
+
+
+ {/each}
+
+
+
+ {/if}
+
+
Code Scanner
-
+
+
+
Select Event
+ {#if isLoadingEvents}
+
+ {:else if eventsError}
+
+ {eventsError}
+
+ Try again
+
+
+ {:else if events.length === 0}
+
No events found
+ {:else}
+
+ {#each events as event}
+
+ {event.name} ({new Date(event.date).toLocaleDateString('en-GB')})
+
+ {/each}
+
+ {/if}
+
+
+
+
+
+
+
+
Ticket Information
+
+
+
+ {#if scan_state !== ScanState.scanning}
+
+ {
+ scanned_id = "";
+ scan_state = ScanState.scanning;
+ }}
+ class="bg-gray-200 hover:bg-gray-300 text-gray-800 font-semibold py-2 px-6 rounded-lg transition"
+ aria-label="Reset scanner"
+ >
+ Reset Scanner
+
+
+ {/if}
+
+