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 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}