mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
View assets detail and download operation (#198)
* Fixed not displaying default user profile picture * Added buttons to close viewer and micro-interaction for navigating assets left, right * Add additional buttons to the control bar * Display EXIF info * Added map to detail info * Handle user input keyboard * Fixed incorrect file name when downloading multiple files * Implemented download panel
This commit is contained in:
parent
6924aa5eb1
commit
53c3c916a6
19 changed files with 798 additions and 100 deletions
|
|
@ -1,9 +1,20 @@
|
|||
<script context="module" lang="ts">
|
||||
import type { Load } from '@sveltejs/kit';
|
||||
|
||||
export const load: Load = async ({ url }) => ({ props: { url } });
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
import '../app.css';
|
||||
|
||||
import { fly, slide, blur } from 'svelte/transition';
|
||||
import { quintOut } from 'svelte/easing';
|
||||
import { getRequest } from '$lib/api';
|
||||
import { onDestroy } from 'svelte';
|
||||
import '../app.css';
|
||||
import { serverEndpoint } from '../lib/constants';
|
||||
import DownloadPanel from '$lib/components/asset-viewer/download-panel.svelte';
|
||||
import { serverEndpoint } from '$lib/constants';
|
||||
|
||||
export let url: string;
|
||||
let endpoint = serverEndpoint;
|
||||
let isServerOk = true;
|
||||
|
||||
|
|
@ -18,7 +29,12 @@
|
|||
</script>
|
||||
|
||||
<main>
|
||||
<slot />
|
||||
{#key url}
|
||||
<div transition:blur={{ duration: 250 }}>
|
||||
<slot />
|
||||
<DownloadPanel />
|
||||
</div>
|
||||
{/key}
|
||||
</main>
|
||||
|
||||
<footer
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue