UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-25 21:38:43 +00:00
Code Issues Actions 12 Packages Projects Releases Wiki Activity

feat: esc image preview

Browse Source
This commit is contained in:
Timothy J. Baek 2024-05-06 19:12:43 -07:00
parent 7874bea5f4
commit 04a9115254
1 changed files with 25 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/common/ImagePreview.svelte
View File

@ -1,8 +1,12 @@
<script lang="ts"> <script lang="ts">
import { onMount } from 'svelte';
export let show = false; export let show = false;
export let src = ''; export let src = '';
export let alt = ''; export let alt = '';
let mounted = false;
const downloadImage = (url, filename) => { const downloadImage = (url, filename) => {
fetch(url) fetch(url)
.then((response) => response.blob()) .then((response) => response.blob())
@ -18,6 +22,27 @@
}) })
.catch((error) => console.error('Error downloading image:', error)); .catch((error) => console.error('Error downloading image:', error));
}; };
const handleKeyDown = (event: KeyboardEvent) => {
if (event.key === 'Escape') {
console.log('Escape');
show = false;
}
};
onMount(() => {
mounted = true;
});
$: if (mounted) {
if (show) {
window.addEventListener('keydown', handleKeyDown);
document.body.style.overflow = 'hidden';
} else {
window.removeEventListener('keydown', handleKeyDown);
document.body.style.overflow = 'unset';
}
}
</script> </script>
{#if show} {#if show}