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:
Alex 2022-06-03 11:04:30 -05:00 committed by GitHub
parent 6924aa5eb1
commit 53c3c916a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 798 additions and 100 deletions

View file

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