mirror of
https://github.com/hcengineering/platform.git
synced 2025-06-07 08:21:08 +00:00
Fix images display (#1019)
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
This commit is contained in:
parent
78ea2c7cfd
commit
5f0ad7ba39
@ -24,6 +24,7 @@
|
|||||||
|
|
||||||
export let file: string
|
export let file: string
|
||||||
export let name: string
|
export let name: string
|
||||||
|
export let contentType: string | undefined
|
||||||
|
|
||||||
const dispatch = createEventDispatcher()
|
const dispatch = createEventDispatcher()
|
||||||
|
|
||||||
@ -47,7 +48,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<iframe class="flex-grow content" src={getFileUrl(file)} title=""/>
|
{#if contentType && contentType.startsWith('image/') }
|
||||||
|
<img src={getFileUrl(file)} alt=''/>
|
||||||
|
{:else}
|
||||||
|
<iframe class="flex-grow content" src={getFileUrl(file)} title=""/>
|
||||||
|
{/if}
|
||||||
|
|
||||||
<div class="flex-between footer">
|
<div class="flex-between footer">
|
||||||
<div class="flex-row-reverse">
|
<div class="flex-row-reverse">
|
||||||
|
@ -42,14 +42,14 @@
|
|||||||
{#if openEmbedded(value.type)}
|
{#if openEmbedded(value.type)}
|
||||||
<div class="flex-center icon" on:click={() => {
|
<div class="flex-center icon" on:click={() => {
|
||||||
closeTooltip()
|
closeTooltip()
|
||||||
showPopup(PDFViewer, { file: value.file, name: value.name }, 'right')
|
showPopup(PDFViewer, { file: value.file, name: value.name, contentType: value.type }, 'right')
|
||||||
}}>{iconLabel(value.name)}</div>
|
}}>{iconLabel(value.name)}</div>
|
||||||
{:else}
|
{:else}
|
||||||
<a class="no-line" href={getFileUrl(value.file)} download={value.name}><div class="flex-center icon">{iconLabel(value.name)}</div></a>
|
<a class="no-line" href={getFileUrl(value.file)} download={value.name}><div class="flex-center icon">{iconLabel(value.name)}</div></a>
|
||||||
{/if}
|
{/if}
|
||||||
<div class="flex-col info">
|
<div class="flex-col info">
|
||||||
{#if openEmbedded(value.type)}
|
{#if openEmbedded(value.type)}
|
||||||
<div class="name" on:click={() => { closeTooltip(); showPopup(PDFViewer, { file: value.file, name: value.name }, 'right') }}>{trimFilename(value.name)}</div>
|
<div class="name" on:click={() => { closeTooltip(); showPopup(PDFViewer, { file: value.file, name: value.name, contentType: value.type }, 'right') }}>{trimFilename(value.name)}</div>
|
||||||
{:else}
|
{:else}
|
||||||
<div class="name"><a href={getFileUrl(value.file)} download={value.name}>{trimFilename(value.name)}</a></div>
|
<div class="name"><a href={getFileUrl(value.file)} download={value.name}>{trimFilename(value.name)}</a></div>
|
||||||
{/if}
|
{/if}
|
||||||
|
Loading…
Reference in New Issue
Block a user