Galerie
switchView('list')} class="rounded-md p-1.5 transition-colors {viewMode === 'list' ? 'bg-white text-gray-900 shadow-sm' : 'text-gray-400 hover:text-gray-600'}" aria-label="Listenansicht" >
switchView('grid')} class="rounded-md p-1.5 transition-colors {viewMode === 'grid' ? 'bg-white text-gray-900 shadow-sm' : 'text-gray-400 hover:text-gray-600'}" aria-label="Rasteransicht" >
{#if viewMode === 'list'}
{/if} {#if viewMode === 'grid'}
(showAutocomplete = true)} onblur={() => setTimeout(() => (showAutocomplete = false), 150)} class="min-w-0 flex-1 bg-transparent text-sm text-gray-900 placeholder-gray-400 outline-none" /> {#if searchQuery}
{ searchQuery = ''; }} class="shrink-0 text-gray-400 hover:text-gray-600" aria-label="Suche löschen" >
{/if}
{#if showAutocomplete && suggestions.length > 0}
{#each suggestions as item}
selectSuggestion(item)} > {#if item.type === 'user'}
{item.value}
{:else}
#
{item.value}
{/if}
{/each}
{/if}
{#if activeFilters.length > 0}
{#each activeFilters as filter}
{filter.type === 'tag' ? '#' : ''}{filter.value}
removeFilter(filter)} class="ml-0.5 hover:text-blue-900" aria-label="Filter entfernen">
{/each} {#if activeFilters.length >= 2}
Alle löschen
{/if}
{/if}
{/if}
{#if uploads.length === 0}
Noch keine Fotos.
Tippe auf den Plus-Button unten!
{:else if viewMode === 'list'}
{#each uploads as upload (upload.id)}
(selectedUpload = u)} /> {/each}
{:else}
{#if displayUploads.length === 0}
Keine Treffer für die gewählten Filter.
Filter zurücksetzen
{:else}
(selectedUpload = u)} threeCol={true} /> {/if}
{/if}
{#if loadingMore}
{/if}
{#if selectedUpload}
(selectedUpload = null)} onlike={handleLike} /> {/if}