Galerie
goto('/diashow')} class="hidden rounded-md p-1.5 text-gray-500 transition-colors hover:bg-gray-100 hover:text-gray-900 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-100 sm:inline-flex" aria-label="Diashow starten" title="Diashow" >
switchView('list')} class="rounded-md p-1.5 transition-colors {viewMode === 'list' ? 'bg-white text-gray-900 shadow-sm dark:bg-gray-700 dark:text-gray-100' : 'text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300'}" aria-label="Listenansicht" >
switchView('grid')} class="rounded-md p-1.5 transition-colors {viewMode === 'grid' ? 'bg-white text-gray-900 shadow-sm dark:bg-gray-700 dark:text-gray-100' : 'text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300'}" 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 dark:text-gray-100 dark:placeholder-gray-500" /> {#if searchQuery}
{ searchQuery = ''; }} class="shrink-0 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300" 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 dark:hover:text-blue-100" 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)} oncontextmenu={openContextSheet} /> {/each}
{:else}
{#if displayUploads.length === 0}
Keine Treffer für die gewählten Filter.
Filter zurücksetzen
{:else}
(selectedUpload = u)} oncontextmenu={openContextSheet} threeCol={true} /> {/if}
{/if}
{#if loadingMore}
{/if}
{#if selectedUpload}
(selectedUpload = null)} onlike={handleLike} /> {/if}
(contextTarget = null)} />