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}

Google Sheets

{#if sheetsData.selectedSheet} {/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}

{:else if searchQuery && searchResults.length > 0}
{#each searchResults as sheet} {/each}
{:else}
{#each sheetsData.availableSheets as sheet} {/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} {/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 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}