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.

{:else}

{#if !sheetsData.expandedSheetList && sheetsData.selectedSheet}

{sheetsData.selectedSheet.name}

Modified: {new Date(sheetsData.selectedSheet.modifiedTime).toLocaleDateString()}

{:else}

Available Sheets

{#if sheetsData.selectedSheet} {/if}

{#each sheetsData.availableSheets as sheet} {/each}

{/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} {/each} {#each sheetsData.sheetData.slice(0, 10) as row, rowIndex} {#each row as cell, cellIndex} {/each} {/each}

{header \|\| `Empty Column ${index + 1}`} {#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}
{cell \|\| ''}

Showing first 10 rows

{/if} {#if sheetsData.loading && sheetsData.selectedSheet}

Loading sheet data...

{/if} {#if errors.sheetData}

{errors.sheetData}

{/if}