fix: svg (pre)views
This commit is contained in:
parent
3b4378dfed
commit
601831e8bb
2 changed files with 8 additions and 2 deletions
|
@ -6,6 +6,7 @@
|
||||||
import VideoViewer from "./blobs/VideoViewer.svelte";
|
import VideoViewer from "./blobs/VideoViewer.svelte";
|
||||||
import HashBadge from "./HashBadge.svelte";
|
import HashBadge from "./HashBadge.svelte";
|
||||||
import { API_URL } from "../../lib/api";
|
import { API_URL } from "../../lib/api";
|
||||||
|
import { includes } from "lodash";
|
||||||
|
|
||||||
export let address: string;
|
export let address: string;
|
||||||
|
|
||||||
|
@ -60,7 +61,9 @@
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
<img
|
<img
|
||||||
src="{API_URL}/thumb/{address}?size=512&quality=75"
|
src="{API_URL}/{mimeType?.includes('svg+xml')
|
||||||
|
? 'raw'
|
||||||
|
: 'thumb'}/{address}?size=512&quality=75"
|
||||||
alt="Thumbnail for {address}..."
|
alt="Thumbnail for {address}..."
|
||||||
on:load={() => (imageLoaded = address)}
|
on:load={() => (imageLoaded = address)}
|
||||||
on:error={() => (handled = false)}
|
on:error={() => (handled = false)}
|
||||||
|
|
|
@ -21,6 +21,9 @@
|
||||||
let imageLoaded = false;
|
let imageLoaded = false;
|
||||||
let imageEl: HTMLImageElement;
|
let imageEl: HTMLImageElement;
|
||||||
|
|
||||||
|
$: svg = Boolean($entity?.get("FILE_MIME")?.toString().includes("svg+xml"));
|
||||||
|
$: console.log({svg});
|
||||||
|
|
||||||
interface Annotorious {
|
interface Annotorious {
|
||||||
addAnnotation: (a: W3cAnnotation) => void;
|
addAnnotation: (a: W3cAnnotation) => void;
|
||||||
on: ((
|
on: ((
|
||||||
|
@ -231,7 +234,7 @@
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="preview-image"
|
class="preview-image"
|
||||||
src="{API_URL}/{detail ? 'raw' : 'thumb'}/{address}"
|
src="{API_URL}/{detail || svg ? 'raw' : 'thumb'}/{address}"
|
||||||
alt={address}
|
alt={address}
|
||||||
on:load={loaded}
|
on:load={loaded}
|
||||||
bind:this={imageEl}
|
bind:this={imageEl}
|
||||||
|
|
Loading…
Reference in a new issue