{#if !userStore.value && !userStore.loading}
Ma Liste
Connecte-toi pour accéder à ta liste.
Connexion
{:else}
Ma Liste
Récent
Titre
Note
viewMode = 'list'} title="Liste">â°
viewMode = 'grid'} title="Grille">âŠ
{#each tabs as tab}
switchTab(tab.key)} >
{tab.icon}
{tab.label}
{#if activeTab === tab.key && items.length > 0}
{items.length}
{/if}
{/each}
{#if loading}
Chargement...
{:else if sortedItems().length === 0}
Liste vide.
Rechercher des oeuvres
{:else if viewMode === 'list'}
{#each sortedItems() as item (item.id)} {@const pct = getProgressPercent(item)}
{#if item.work?.posterUrl}
{/if}
{item.work?.titleRomaji}
changeStatus(item, (e.target as HTMLSelectElement).value)} class="status-select" >
En cours (anime)
En cours (manga)
Complété
Ă voir/lire
En pause
Abandonné
{item.progress} / {item.work?.totalEpisodes || item.work?.totalChapters || '?'}
incrementProgress(item)}>+1
{#if editingScore === item.id}
e.key === 'Enter' && saveScore(item)} />
saveScore(item)}>OK
editingScore = null}>Ă
{:else}
startEditScore(item)}> {item.score ? `â ${item.score}/10` : 'â Noter'}
{/if}
remove(item)}>Retirer
{/each}
{:else}
{#each sortedItems() as item (item.id)}
{#if item.work?.posterUrl}
{/if}
{item.work?.titleRomaji}
{item.progress}/{item.work?.totalEpisodes || item.work?.totalChapters || '?'}
{#if item.score}
â {item.score}
{/if}
{/each}
{/if}
{/if}