[ui] omit blobpreview if missing
This commit is contained in:
parent
a4caf9b8b3
commit
c95fc3518a
1 changed files with 29 additions and 22 deletions
|
@ -6,9 +6,15 @@
|
||||||
$: ({ entity } = useEntity(address));
|
$: ({ entity } = useEntity(address));
|
||||||
|
|
||||||
$: mimeType = String($entity?.get("FILE_MIME"));
|
$: mimeType = String($entity?.get("FILE_MIME"));
|
||||||
|
$: handled =
|
||||||
|
Boolean(mimeType) &&
|
||||||
|
["audio", "video", "image", "model"].some((prefix) =>
|
||||||
|
mimeType.startsWith(prefix)
|
||||||
|
);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="preview" v-if="mimeType">
|
{#if handled}
|
||||||
|
<div class="preview">
|
||||||
{#if mimeType?.startsWith("audio")}
|
{#if mimeType?.startsWith("audio")}
|
||||||
<audio controls preload="auto" src="/api/raw/{address}" />
|
<audio controls preload="auto" src="/api/raw/{address}" />
|
||||||
{/if}
|
{/if}
|
||||||
|
@ -29,7 +35,8 @@
|
||||||
{#if mimeType?.startsWith("model")}
|
{#if mimeType?.startsWith("model")}
|
||||||
<ModelViewer src="/api/raw/{address}" />
|
<ModelViewer src="/api/raw/{address}" />
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.preview {
|
.preview {
|
||||||
|
|
Loading…
Reference in a new issue